为jquery的ajax请求添加超时timeout时间的操作方法


Posted in jQuery onSeptember 04, 2018

下面给大家介绍为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 相关文章推荐
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
基于Jquery Ajax type的4种类型(详解)
Aug 02 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jQuery创建及操作xml格式数据示例
May 26 jQuery
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 #jQuery
详解jQuery中的easyui
Sep 02 #jQuery
JS与jQuery判断文本框还剩多少字符可以输入的方法
Sep 01 #jQuery
jQuery解析json格式数据示例
Sep 01 #jQuery
jQuery实现表格隔行换色
Sep 01 #jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 #jQuery
解决jQuery使用append添加的元素事件无效的问题
Aug 30 #jQuery
You might like
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
PHP获取当前url的具体方法全面解析
2013/11/26 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
Firefox outerHTML实现代码
2009/06/04 Javascript
js event事件的传递与冒泡处理
2009/12/06 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
javascript之querySelector和querySelectorAll使用介绍
2011/12/20 Javascript
JavaScript instanceof 的使用方法示例介绍
2013/10/23 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
Linux Centos7.2下安装nodejs&npm配置全局路径的教程
2018/05/15 NodeJs
jQuery实现的监听导航滚动置顶状态功能示例
2018/07/23 jQuery
js for终止循环 跳出多层循环
2018/10/04 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
JS实现鼠标按下拖拽效果
2020/07/23 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
构建Python包的五个简单准则简介
2015/06/15 Python
利用Python批量生成任意尺寸的图片
2016/08/29 Python
python中redis的安装和使用
2016/12/04 Python
python处理大日志文件
2019/07/23 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
pyhton中__pycache__文件夹的产生与作用详解
2019/11/24 Python
Python 爬虫的原理
2020/07/30 Python
CSS3 透明色 RGBA使用介绍
2013/08/06 HTML / CSS
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
应届生.NET方向面试题
2015/05/23 面试题
五一家具促销方案
2014/01/10 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
教师见习总结范文
2015/06/23 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
关于windows server 2012 DC 环境 重启后蓝屏代码:0xc00002e2的问题
2022/05/25 Servers