jQuery的ajax模块封装了非常强大的功能,有时候我们在发送一个ajax请求的时候希望能有一个超时的时间,想让程序在一段时间请求不到数据时做出一些反馈。幸运的是jQuery为我们提供了这样的参数:timeout。今天试了一下,做个记录。
首先在试验之前,有一个一直搞不明白的东西,那就是默认的超时时间是多少?这个配置在到底在什么地方设置。jQuery中?还是apache中?PHP中?
经过一番搜索,暂得到如下结论:
①jQuery没有默认的超时时间,只可以通过参数来配置;
②apache2的默认超时时间是300秒,但是我在httpd.conf中设置Timeout 10,压根没起到作用,不明白是怎么回事
③php.ini中,只找到一个max_execution_time来配置脚本最长执行时间,貌似也没什么关系
智商捉急。。。哪位高手知道,一定告诉一下我啊~~
下面来看jQuery中的timeout参数,值为Number类型,单位为毫秒。为了在超时的时候执行我们定义好的处理函数,可以把它放在error参数中,如下代码:
$.ajax({ url : 's.php', timeout : 3000, error : function(xhr,textStatus){ console.log('error:'+textStatus); }, });
s.php中的内容为sleep(100)。这样在3秒后会输出error:timeout,textStatus即为错误的内容。这个还是很用的,如果你的error函数中还要进行其他处理,为了不与超时混在一起,可以这么写:
error : function(xhr,textStatus){ if(textStatus=='timeout'){ //处理超时的逻辑 } else{ //其他错误的逻辑 } }
还可以把函数写在complete中,因为无论success还是error,complete函数都会执行。
这下就可以轻松为超时指定动作了。不过在手工之前呢我还要小小的辟谣一下,因为在网上搜索文章的时候,有人如此描述timeout参数:会覆盖掉全局的设置。看到这句我顿时菊花一紧,难道我在这里设一次,页面上再用$.ajax的时候都会在3秒后超时?跑去官网一看文档,原句子是这么写的:“This will override any global timeout set with$.ajaxSetup().”,原来是会覆盖掉$.ajaxSetup()中的设置,如果我压根就没用$.ajaxSetup()这个函数,便什么事都没有。