确定 $.ajax 错误是否超时

Question

我正在利用jQuery.ajax( settings ) 的魔力。

但是，我想知道是否有人经常使用超时设置？

我知道它基本上是用于指示请求的本地时间，但是如果达到超时，它会触发任何事情吗？或者它只是停止监听响应？

阅读 jQuery 站点，我可以看到没有传递任何参数，因此这似乎是一个具有一种功能的简单设置。这很好。

但是，如果达到超时，我想触发警报或某些功能。在这种情况下，我可以看到错误设置没有被触发。

这是我的 sn-p：

$("form#testform").submit(function(){ 

 var allFormValues = $("form#testform").serialize(); 

   $.ajax({
    cache:false,
    timeout:8000,  // I chose 8 secs for kicks
    type:"POST",
    url:"someurl.php",
    data:allFormValues,
    error:function(){ alert("some error occurred") },
    success:function(response){ alert(response); }
   });

});

有谁知道如何使用超时进行更多工作？

Answer 1

如果您的错误事件处理程序在发生超时时采用三个参数（xmlhttprequest、textstatus 和消息），则状态参数将为“超时”。

根据jQuery documentation：

第二个可能的值 参数（除了 null）是“超时”， “错误”、“未修改”和 “解析器错误”。

您可以相应地处理您的错误。

我创建了这个 fiddle 来演示这一点。

$.ajax({
    url: "/ajax_json_echo/",
    type: "GET",
    dataType: "json",
    timeout: 1000,
    success: function(response) { alert(response); },
    error: function(xmlhttprequest, textstatus, message) {
        if(textstatus==="timeout") {
            alert("got timeout");
        } else {
            alert(textstatus);
        }
    }
});​

使用 jsFiddle，您可以测试 ajax 调用——它会在响应前等待 2 秒。我将超时设置为 1 秒，因此它应该会出错并将“超时”的文本状态返回给错误处理程序。

希望这会有所帮助！