当前位置:主页 > jquery教程 > 为jquery的ajax请求添加超时timeout时间的操作方法

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

发布:2020-01-22 16:43:11 172


为网友们分享了jQuery相关的编程文章,网友谭飞翼根据主题投稿了本篇教程内容,涉及到jquery、ajax请求、timeout、为jquery的ajax请求添加超时timeout时间的操作方法相关内容,已被850网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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

下面给大家介绍为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级联的实例代码

    发布:2020-01-20

    Select级联,想必大并不陌生吧,本文为大家介绍下使用jquery是如何快速实现的,希望对大家有所帮助


  • jQuery倒计时代码

    发布:2021-05-18

    本文给大家分享一段超简单的代码基于jquery实现倒计时功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下


  • jquery delay()知识点详解

    发布:2020-01-04

    .delay()是用来在jQuery动画效果和类似队列中是最好的。但是,由于其本身的限制,比如无法取消延时——.delay(),它不是JavaScript的原生 setTimeout函数的替代品,这可能是更适合某些使用情况。


  • JQuery如何给表格动态增加行并对新行添加事件

    发布:2020-03-05

    JQuery实现表格动态增加行,一直保持最下面有多个空白行。这样可以避免一次增加太多行可能导致页面内容太多,反应变慢


  • jQuery实现三级联动效果

    发布:2022-06-21

    给网友朋友们带来一篇关于jQuery的教程,这篇文章主要为大家详细介绍了jQuery实现三级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 介绍jquery层级选择器、过滤选择器

    发布:2020-03-22

    本篇文章主要是对jquery选择器之层级过滤选择器进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助


  • jQuery学习笔记(4)--怎样从Jquery获取table中列值

    发布:2020-01-13

    由于要获取某列中的一个ID值,如果用JS传值的方式此问题就不存在,由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得


  • CKEditor无法验证的解决方案(js验证+jQuery Validate验证)

    发布:2022-06-27

    为网友们分享了关于jQuery的教程,这篇文章主要为大家详细介绍了CKEditor无法验证的解决方案和jQuery Validate验证框架,感兴趣的小伙伴们可以参考一下


网友讨论