当前第2页 返回上一页
方式二:每一次轮询都判断上一次请求是否完成,完成了才会执行下一次的请求(推荐)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | var isLoaded = false;
function req(opts) {
$.ajax({
type: 'get' ,
url: 'demo.php' ,
dataType: 'json' ,
beforeSend: function () {
if (opts.init === 1) {
$( '.zh-loading' ).show();
}
isLoaded = false;
},
success: function (res) {
console.log(res);
},
complete: function () {
if (opts.init === 1) {
$( '.zh-loading' ).hide();
}
isLoaded = true;
},
error: function () {
console.log( '请求失败~' );
}
});
}
req({ "init" : 1});
setInterval( function () {
isLoaded && req({ "init" : 0});
}, 3000);
|
上面的 isLoaded && req({"init": 0});
表示前面一个条件正确,则执行&&后面的方法
正常的写法是
1 | if (isLoaded) req({ "init" : 0});
|
另外注意一点:isLoaded=true
要在complete里加,如果只在success里加的话, 请求失败了就不会轮询再请求了。complete不管success或error都会执行
代码就到这里了,thank you for attention~
相关免费学习推荐:javascript(视频)
以上就是快来看看 ajax实时刷新处理的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
javascript的结束方法有哪些?
javascript中对象的介绍(附代码)
javascript语言支不支持多线程
javascript怎么删除元素属性
web 前后端怎么交互
javascript 专题之九:数组中查找指定元素
javascript字符串和日期怎么互转
了解javascript中3种for循环风格以及何时使用它们
javascript动态函数如何创建
javascript如何实现json字符串与对象转换
更多相关阅读请进入《ajax》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 快来看看 ajax实时刷新处理