我正在网上查找，但很难找到文档。我们都知道使用浏览器内置XMLHttpRequest对象的基本 AJAX 调用（这里假设是现代浏览器）：
var xmlHttp = new XMLHttpRequest(); // Assumes native object
xmlHttp.open("GET", "http://www.example.com", false);
xmlHttp.send("");
var statusCode = xmlHttp.status;
// Process it, and I'd love to know if the request timed out
那么，有没有一种方法可以通过检查浏览器中的 XMLHttpRequest 对象来检测 AJAX 调用是否超时？我会被建议做类似的事情window.setTimeout(function() { xmlHttp.abort() }, 30000);吗？
谢谢！
-麦克风
一些现代浏览器 (2012) 无需依赖即可执行此操作setTimeout：它包含在 XMLHttpRequest 中。请参阅答案https://stackoverflow.com/a/4958782/698168：
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
alert("ready state = 4");
}
};
xhr.open("POST", "http://www.service.org/myService.svc/Method", true);
xhr.setRequestHeader("Content-type", "application/json; charset=utf-8");
xhr.timeout = 4000;
xhr.ontimeout = function () { alert("Timed out!!!"); }
xhr.send(json);
更新：以下是如何处理超时的示例：
var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "http://www.example.com", true);
xmlHttp.onreadystatechange=function(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
clearTimeout(xmlHttpTimeout);
alert(xmlHttp.responseText);
}
}
// Now that we're ready to handle the response, we can make the request
xmlHttp.send("");
// Timeout to abort in 5 seconds
var xmlHttpTimeout=setTimeout(ajaxTimeout,5000);
function ajaxTimeout(){
xmlHttp.abort();
alert("Request timed out");
}
在 IE8 中，您可以向对象添加超时事件处理程序XMLHttpRequest。
var xmlHttp = new XMLHttpRequest();
xmlHttp.ontimeout = function(){
alert("request timed out");
}
我建议不要像您的代码所暗示的那样进行同步调用，并建议使用 javascript 框架来执行此操作。jQuery是最流行的一种。它使您的代码更高效、更易于维护和跨浏览器兼容。