大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
加载时,直接设置该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交互。