为jquery的ajax请求添加超时timeout时间的操作方法
更新时间：2018年09月04日 10:22:46 投稿：mrr
这篇文章主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法，文中通过一段简单的代码给大家介绍jquery ajax超时设置方法，感兴趣的朋友跟随脚本之家小编一起看看吧
下面给大家介绍为jquery的ajax请求添加超时timeout时间的实例
有时侯要用ajax来轮询某个服务是否可用，但是各个浏览器ajax的超时时间有可能不一样，所以希望ajax能只尝试几秒钟，然后隔几秒再次发送一次ajax检查一次。可以用timeout属性。
var checkLoading = function(timer) {
//先延时再获取状态，否则立即获取可能重启前的服务还没有关闭
setTimeout(function() {
$.ajax({
url: '/onceos/version',
dataType: 'json',
timeout: 4000,
success: function(result) {
console.log('OK')
},
error: checkLoading
})
}, timer || 1000)
}
//第一次等10秒，第一次轮
checkLoading(10000)
补充：下面介绍下jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({
url:'', //请求的URL
timeout : 1000, //超时时间设置，单位毫秒
type : 'get', //请求方式，get或post
data :{}, //请求所传参数，json格式
dataType:'json',//返回的数据格式
success:function(data){ //请求成功的回调函数
alert("成功");
},
complete : function(XMLHttpRequest,status){ //请求完成后最终执行参数
if(status=='timeout'){//超时,status还有success,error等值的情况
ajaxTimeoutTest.abort();
alert("超时");
}
}
});
设置timeout的时间，通过检测complete时status的值判断请求是否超时，如果超时执行响应的操作。
总结
以上所述是小编给大家介绍的为jquery的ajax请求添加超时timeout时间的操作方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
jQuery Select(单选) 模拟插件 V1.3.62 改进版
改进jQuery Select(单选) 模拟插件 V1.3.6，增加mouseover事件2010-07-07
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
在上一篇文章《如何确保JavaScript的执行顺序 - 之jQuery.html深度分析》中，我们揭示了jQuery.html函数之所以能在各种浏览器下保持动态JS顺序执行，其秘密在于 – 同步AJAX获取外部JavaScript。2011-03-03
jquery删除指定的html标签并保留标签内文本内容的方法
有时我们希望删除这段html代码里面的一对<p>标签，但是要保持里面的内容不被删除，本文提供的这个jquery方法就可以简单实现。2014-04-04
这篇文章主要介绍了jQuery事件用法实例汇总,对事件的绑定及各类事件的用法做了较为详尽的实例分析,有很好的借鉴价值,需要的朋友可以参考下2014-08-08
jquery分页插件jquery.pagination.js使用方法解析
这篇文章主要针对js分页插件jquery.pagination.js使用方法进行解析，很实用的分页插件，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了jQuery后代选择器用法,以设置文本颜色的实例分析了后代选择器的应用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
动态加载js和css的jquery，可用于在生成页面时通过js函数加载一些共通的js和css文件,需要的朋友可以参考下2014-09-09
bxSlider特性1.充分响应各种设备，适应各种屏幕；2.支持多种滑动模式，水平、垂直以及淡入淡出效果；3.支持图片、视频以及任意html内容；4.支持触摸滑动；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+，下面我们就来详细探讨下吧。2015-04-04
jQuery plugin: Validation是一款功能强大的客户端验证插件，具有很多常用验证方法，支持自定义验证方法扩展、自定义语言包等等。2010-02-02
开发网站少不了要经常用弹出窗口的形式，今天在网上搜了个小插件LeanModal，记录于此，方便自己，亦方便他人使用2012-03-03
最新评论