为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实现鼠标经过显示动画边框特效
Mar 24 jQuery
jQuery列表检索功能实现代码
Jul 17 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
JS+jQuery实现注册信息的验证功能
Sep 26 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
JS文件中加载jquery.js的实例代码
May 05 jQuery
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
JQuery的加载和选择器用法简单示例
May 13 jQuery
jQuery实现电梯导航模块
Dec 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
简单示例AJAX结合PHP代码实现登录效果代码
2008/07/25 PHP
php cache类代码(php数据缓存类)
2010/04/15 PHP
PHP goto语句简介和使用实例
2014/03/11 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
《JavaScript高级编程》学习笔记之object和array引用类型
2015/11/01 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
微信小程序购物车、父子组件传值及calc的注意事项总结
2018/11/14 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
一篇文章,教你学会Vue CLI 插件开发
2019/04/17 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
2019/06/27 Javascript
JS数组属性去重并校验重复数据
2020/01/10 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
[54:26]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第一场 12.10
2020/12/12 DOTA
Python记录详细调用堆栈日志的方法
2015/05/05 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
Python爬虫图片懒加载技术 selenium和PhantomJS解析
2019/09/18 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
Python 如何对文件目录操作
2020/07/10 Python
scrapy中如何设置应用cookies的方法(3种)
2020/09/22 Python
怎么处理XML的中文问题
2015/03/26 面试题
酒店个人求职信范文
2014/01/25 职场文书
高中生职业生涯规划书
2014/02/24 职场文书
低碳环保标语
2014/06/12 职场文书
硕士生找工作求职信
2014/07/05 职场文书
春季运动会开幕词
2015/01/28 职场文书
Python机器学习之基础概述
2021/05/19 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技