189 8069 5689
加载时，直接设置该DIV的值（提示），然后数据加载完毕，再显示数据，部分加载也一样；
创新互联专注于金东网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供金东营销型网站建设，金东网站制作、金东网页设计、金东网站官网定制、微信小程序开发服务，打造金东网络公司原创品牌,更为您提供金东网站排名全网营销落地服务。
利用innerhtml
DIV设ID（例如A），默认文字（例如：正在加载...）
等内容下载（例如JS文件）完后就自动替换为ID=A的内容；
onload事件里面，if(document.readyState ！= "complete")判断页面是否加载完成，未完成给张图片显示（用隐藏域事先准备或innerHTML），else完成时就隐藏了。
但是ff不支持，用ajax实现， if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete'){}else{在此操作}。
//请求加载提示的显示和隐藏
$('.loading').ajaxStart(function
()
{
$(this).show();
}).ajaxStop(function
()
{
$(this).hide();
});
注意：以上代码在
jQuery1.8
及以后的版本不在有效，需要使用
jquery-migrate
向下兼容
才能运行。新版本中，必须绑定在
document
元素上。
$(document).ajaxStart(function
()
{
$('.loading').show();
}).ajaxStop(function
()
{
$('.loading').hide();
});
//如果请求时间太长，可以设置超时
$.ajax({
timeout
:
500
})
检查一下代码书写是否正确，在JQuery中，AJAX的规范是：
$.ajax({
url: '/path/to/file',
type: 'default GET (Other values: POST)',
dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
data: {param1: 'value1'},
})
.done(function() {
console.log("success");
})
.fail(function() {
console.log("error");
})
.always(function() {
console.log("complete");
});
Jquery是一个优秀的Javascript库，还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果，并且方便地为网站提供AJAX交互。