从品牌网站建设到网络营销策划,从策略到执行的一站式服务
加载时,直接设置该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交互。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图