ajax中的timeout设置

jquery的$.ajax()中,有一个timeout的属性,用来设置超时时间,使用complete判断TextStatus的值是否为timeout,执行相应的操作。

代码如下:

$.ajax({
  url: 'ajax.php',
  type: 'post',
  data: postData,
  timeout: 8000,//设置超时时间为8s
  success: function(data){
    console.log(data)
  },
  complete:function(XHR,TextStatus){
    if(TextStatus=='timeout'){ //超时执行的程序
      console.log("请求超时!");
    }
  }
})

问题

ajax中async属性的默认值为true,即异步状态,$.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.ajax里的success方法,这时候执行的是两个线程。
若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
这时,timeout属性失效,页面会在请求同步ajax的时候进入假死状态,直到请求有返回结果。

目前解决方案:避开同步ajax,使用异步代替。

posted @ 2020-10-15 11:02  ZerlinM  阅读(8111)  评论(0编辑  收藏  举报