Обробка помилок Jquery Ajax для ігнорування перервана

Я хочу мати глобальний метод обробки помилок для викликів ajax, ось що я маю зараз:

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

Мені потрібно ігнорувати помилку aborted. errorThrownє нульовим і textStatusє error. Як мені перевірити aborted?

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

Спочатку я спробував відповідь Аластера Піттса, але він не спрацював, оскільки як перервані запити, так і збій з'єднання встановили код стану та readyState на 0. Далі, я спробував відповідь sieppl; також не спрацював, оскільки в обох випадках не дається відповіді, отже, немає заголовка.

Єдине рішення, яке працювало для мене, - це встановити прослуховувач для window.onbeforeunload, який встановлює глобальну змінну, яка вказує на те, що сторінку було вивантажено. Потім обробник помилок може перевірити та викликати обробник помилок лише в тому випадку, якщо сторінка не була вивантажена.

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

У сучасному jQuery ви можете просто перевірити, чи request.statusTextдорівнює 'abort':

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

Щось я виявив, що коли є перерваний запит, 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
});

Я знайшов, що це ідеально для мене працює. Сподіваюся, це допоможе вам чи будь-кому іншому, хто натрапляє на це :)

Ви захочете переглянути аргумент textStatus, переданий у вашу функцію помилки. Відповідно до http://api.jquery.com/jQuery.ajax/ , він може приймати значення "успіх", "немодифікований", "помилка", "тайм-аут", "перервати" або "помилка синтаксичного аналізатора". "abort" - це, очевидно, те, що ви хочете перевірити.

Довші примітки тут: jquery-gotcha-error-callback-triggered-on-xhr-abort

Оскільки відповідь 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 ігноруватиме

Спираючись на відповідь Аластера Піттса , ви також можете зробити це, щоб отримати більш інформативні повідомлення:

$(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);
        }
    }
});

$(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) {

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

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

aborting = true;
myAjax.abort();

і відображати помилку лише в обробнику помилок запиту ajax, якщо abort не відповідає дійсності.

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

Якщо ви скасуєте запит ajax вручну, ви можете зробити наступне:

var xhr;
function queryData () {
    if (xhr) {
      // tag it's been aborted
      xhr.hasAborted = true;

      // manually canceled request
      xhr.abort();
    }

    xhr = $.ajax({
        url: '...',
        error: function () {
            if (!xhr.hasAborted) {
                console.log('Internal Server Error!');
            }
        },
        complete: function () {
           xhr = null;
        }
    });
}