Обработка ошибок на jQuery AJAX, чтобы игнорировать прервана

Я хочу иметь глобальный метод обработки ошибок для ajax-вызовов, это то, что у меня есть сейчас:

$.ajaxSetup({
  error: function (XMLHttpRequest, textStatus, errorThrown) {
    displayError();
  }
});

мне нужно, чтобы игнорировать ошибку в размере aborted. errorThrown null и textStatus - это error. Как я могу проверить для aborted?

9 73
jquery error-handling ajax

9 ответов:

мне пришлось иметь дело с тем же прецедентом сегодня. Приложение, над которым я работаю, имеет эти длительные вызовы ajax, которые могут быть прерваны 1) пользователь переходит или 2) какой-то временный сбой соединения/сервера. Я хочу, чтобы обработчик ошибок запускался только для сбоя соединения / сервера, а не для пользователя, переходящего прочь.

Я сначала попытался ответить Аластеру Питтсу, но это не сработало, потому что как прерванные запросы, так и сбой соединения установили код состояния и readyState в 0. Следующий, Я попробовал ответ sieppl; также не сработало, потому что в обоих случаях ответа не дается, поэтому нет заголовка.

единственное решение, которое сработало для меня, - это установить прослушиватель для окна.onbeforeunload, который задает глобальную переменную, чтобы указать, что страница была выгружена. Затем обработчик ошибок может проверить и вызвать обработчик ошибок только в том случае, если страница не была выгружена.

var globalVars = {unloaded:false};
$(window).bind('beforeunload', function(){
    globalVars.unloaded = true;
});
...
$.ajax({
    error: function(jqXHR,status,error){
        if (globalVars.unloaded)
            return;
    }
});
49

В современном jQuery вы можете просто проверить, если request.statusText равна 'abort':

error: function (request, textStatus, errorThrown) {
    if (request.statusText =='abort') {
        return;
    }
}
35

что-то я нашел, что когда есть прерванный запрос, то status и/или readyState равной 0.

в моем глобальном обработчике ошибок у меня есть проверка в верхней части метода:

$(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError) {
    //If either of these are true, then it's not a true error and we don't care
    if (jqXHR.status === 0 || jqXHR.readyState === 0) {
        return;
    }

    //Do Stuff Here
});

Я нашел, что это прекрасно работает для меня. Надеюсь, это поможет вам, или кто-нибудь еще, кто сталкивается с этим :)

21

вы хотите посмотреть на аргумент textStatus, переданный в вашу функцию ошибки. Согласно http://api.jquery.com/jQuery.ajax/, он может принимать значения "success", "notmodified", "error", "timeout", "abort"или " parsererror". "прервать" - это, очевидно, то, что вы хотите проверить.

более длинные заметки здесь:в jQuery-поняла-ошибка-обратный вызов-срабатывает-на то XHR-аборт

10

поскольку ответ bluecollarcoders не работает для запросов ajax, прерванных javascript, вот мое решение:

var unloaded = false;
...
$(window).bind('beforeunload', function(){
    unloaded = true;
});


$(document).ajaxError(function(event, request, settings) {
    if (unloaded || request.statusText == "abort") {
        return;
    }
    ...
}

например

handler = jQuery.get("foo")
handler.abort()

теперь будет игнорироваться обработчиком ajaxError

4

на ответ Аластера Питтса, вы также можете сделать это, чтобы иметь более информативные сообщения:

$(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError)
{
    {
        if (jqXHR.status === 0)
        {
            alert('Not connect.\n Verify Network.');
        } else if (jqXHR.status == 404)
        {
            alert('Requested page not found. [404]');
        } else if (jqXHR.status == 500)
        {
            alert('Internal Server Error [500].');
        } else if (exception === 'parsererror')
        {
            alert('Requested JSON parse failed.');
        } else if (exception === 'timeout')
        {
            alert('Time out error.');
        } else if (exception === 'abort')
        {
            alert('Ajax request aborted.');
        } else
        {
            alert('Uncaught Error.\n' + jqXHR.responseText);
        }
    }
});
3
$(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) {

    if (!jqXHR.getAllResponseHeaders()) {
        return;
    }           
});
2

у меня была та же проблема здесь, и то, что я сделал в качестве решения, заключалось в том, чтобы установить "прерывание" var непосредственно перед вызовом abort (), как показано ниже:

aborting = true;
myAjax.abort();

и только показать ошибку на обработчике ошибок ajax-запроса, если abort не является истинным.

$.ajax({
    [..]
    error: function() {
        if ( !aborting ) {
            // do some stuff..
        }
        aborting = false;
    }
});
0

быстрое (и грязное) решение:

if (status === 0) { // or -1 depending on where you do this
  setTimeout(function() {
    // error handling here
  }, 2000); // 2 seconds, or use more ...
}

если состояние ошибки xhr равно 0 ( * ), установите задержка из 2 секунд вокруг кода обработки ошибок, к тому времени браузер уже загрузил новый контекст страницы и ошибка никогда не будет отображаться.

Если ошибка не была вызвана прерыванием при переходе на другую страницу, ошибка будет отображаться с некоторой задержкой.

* примечание: в зависимости от используемых библиотек и какой обработчик ошибок вы используете это может быть -1 вместо ноль (угловой ...) или что-то совсем другое.

важно: текст статуса может варьироваться от одного браузера к другому и использовать libs поэтому IMHO вы не можете полагаться на него, пожалуйста, дайте мне знать в комментариях, если вы найдете кросс-браузерное решение

0