为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中map函数的两种方式
Apr 07 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
jquery实现动态创建form并提交的方法示例
May 27 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
jquery实现直播弹幕效果
Nov 28 jQuery
jQuery带控制按钮轮播图插件
Jul 31 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
探讨file_get_contents与curl效率及稳定性的分析
2013/06/06 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
PHP读取PPT文件的方法
2015/12/10 PHP
PHP图像识别技术原理与实现
2016/10/27 PHP
php 二维数组快速排序算法的实现代码
2017/10/17 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
关于laravel 子查询 & join的使用
2019/10/16 PHP
九种js弹出对话框的方法总结
2013/03/12 Javascript
jquery和js实现对div的隐藏和显示方法
2014/09/26 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
jQuery实现点击图标div循环放大缩小功能
2018/09/30 jQuery
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
vue模块移动组件的实现示例
2020/05/20 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
python登录并爬取淘宝信息代码示例
2017/12/09 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
python定时任务 sched模块用法实例
2019/11/04 Python
使用python切片实现二维数组复制示例
2019/11/26 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
综合素质的自我鉴定
2013/10/07 职场文书
迎新晚会邀请函
2014/02/01 职场文书
团结演讲稿范文
2014/05/23 职场文书
招标授权委托书样本
2014/09/23 职场文书
2014年幼儿园德育工作总结
2014/12/17 职场文书
讲座通知范文
2015/04/23 职场文书
预备党员党支部意见
2015/06/02 职场文书
爱的教育观后感
2015/06/17 职场文书
PHP遍历数组的6种方式总结
2021/11/17 PHP
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL