Как определить время ожидания вызова AJAX (XmlHttpRequest) в браузере?

Question

Я ищу в Интернете, но документация трудно найти. Мы все знаем, что основной вызов AJAX, используя браузер встроенного в XMLHttpRequest объекте (предположим, что современный браузер здесь):

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 

Итак, есть ли способ, что я могу определить, что вызов AJAX истек путем проверки XMLHttpRequest объект в браузере? Мне посоветовали бы сделать что-то вроде window.setTimeout(function() { xmlHttp.abort() }, 30000);?

Спасибо!

-Mike

Answer 1

UPDATE: Вот an example того, как вы можете справиться с тайм-аут:

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, Вы можете добавить обработчик к timeout событий к XMLHttpRequest объекта.

Я бы рекомендовал не делать синхронные вызовы, как ваш код, а также рекомендовать использовать фреймворк javascript для этого. jQuery - самый популярный. Это делает ваш код более эффективным, простым в обслуживании и совместимым с кросс-браузером.

Answer 2

Некоторые из современных браузеров (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);