为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获取radio选中的值
May 05 jQuery
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
详解jquery和vue对比
Apr 16 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 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
基于PHP编程注意事项的小结
2013/04/27 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
python进程与线程小结实例分析
2018/11/11 PHP
PHP自动载入类文件函数__autoload的使用方法
2019/03/25 PHP
jQuery each()方法的使用方法
2010/03/18 Javascript
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
2010/12/04 Javascript
jquery radio 操作代码
2011/03/16 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
Javascript复制实例详解
2016/01/28 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
2016/05/24 Javascript
Angular路由简单学习
2016/12/26 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
微信小程序报错:this.setData is not a function的解决办法
2017/09/27 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
Python中列表的一些基本操作知识汇总
2015/05/20 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
Python实现名片管理系统
2020/02/14 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
CSS3教程(7):CSS3嵌入字体
2009/04/02 HTML / CSS
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
friso美素佳儿官方海外旗舰店:荷兰原产原罐
2017/07/03 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
电气工程和自动化自荐信范文
2013/12/25 职场文书
论文指导教师评语
2014/04/28 职场文书
django 认证类配置实现
2021/11/11 Python