重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jquery加载中,jq加载页面

jquery 怎么让一个div的内容未加载完时显示加载中...

加载时,直接设置该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特效,网页加载中Jquery如何使用加载中的使用

//请求加载提示的显示和隐藏

$('.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提交时“加载中”提示为什么不显示?

检查一下代码书写是否正确,在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交互。


分享文章:jquery加载中,jq加载页面
转载注明:http://cqcxhl.com/article/dseijeh.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP