Question

$.ajax({  
        url: "http://ajaxhttpheaders.appspot.com", 
        dataType: 'jsonp', 

        success: function(headers) { 
            language = headers['Accept-Language']; 
            alert(language);
        },

        //it doesn't work
        //timeout: 2000,

        error: function() { 
            //wait for 2 sec..

            //and if there are no response, do something.. 
        }
    });

我找到timeout: 2000选项，但它不起作用。

Answer 1

这有点笨拙，但这应该可以解决问题：

var cancelled = false;
var errorTimer;
$.ajax({  
    url: "http://ajaxhttpheaders.appspot.com", 
    dataType: 'jsonp', 

    success: function(headers) { 
        if (! cancelled) {
            cancelled = true; // stop timeout code from running
            language = headers['Accept-Language']; 
            alert(language);
        }
    });

});
var errorCode = function () {
    if (!cancelled) {
        cancelled = true;
        alert('Took too long and now we ignore the response!');
    }
};
setTimeout(errorCode, 2000);

Answer 2

如何处理超时，请回答here。

我不确定在获得成功回复之前，会有不同时间间隔发生的事件。

Answer 3

您的数据类型为 jsonp ，明确提及here

脚本和JSONP请求不能被超时取消;剧本即使在超时后到达，它也会运行。

Answer 4

Quoting Docs:

Ajax请求是有时间限制的，因此可以捕获和处理错误提供更好的用户体验。请求超时通常也是保留默认值或使用 $ .ajaxSetup（）设置为全局默认值而不是被超时的特定请求覆盖选项

此外：

仅在Firefox 3.0+中，脚本和JSONP请求无法取消超时;即使超时后到达，脚本也会运行周期。

需要检查jQuery AJAX响应时间并采取一些措施

4 个答案: