błąd Jquery Ajax obsługi ignorować przerwana

Question

Chcę mieć globalną metodę obsługi błędów dla połączeń Ajax, to jest to, co mam teraz:

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

muszę zignorować błąd aborted. errorThrown ma wartość null, a textStatus jest error. Jak sprawdzić dla aborted?

Answer 1

miałem do czynienia dzisiaj z samego przypadku użycia. Aplikacja, nad którą pracuję, ma te długo działające wywołania ajax, które mogą być przerywane przez 1) nawigację użytkownika lub 2) tymczasową awarię połączenia/serwera. Chcę, aby procedura obsługi błędów działała tylko w przypadku błędu połączenia/serwera, a nie w przypadku nawigacji użytkownika.

Najpierw wypróbowałem odpowiedź Alastaira Pittsa, ale nie zadziałało, ponieważ zarówno przerwane żądania, jak i niepowodzenie połączenia ustawiły kod statusu i readyState na 0. Następnie próbowałem odpowiedzi sieppl; również nie działał, ponieważ w obu przypadkach nie podano odpowiedzi, a więc nie ma nagłówka.

Jedynym rozwiązaniem, które zadziałało, jest ustawienie detektora dla window.onbeforeunload, który ustawia zmienną globalną wskazującą, że strona została wyładowana. Procedura obsługi błędów może następnie sprawdzić i wywołać procedurę obsługi błędów tylko wtedy, gdy strona nie została rozładowana.

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

Answer 2

Coś, co znalazłem, to fakt, że w przypadku przerwanego żądania status i/lub readyState są równe 0.

W moim globalnej obsługi błędów, mam czek na górze metody:

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

Znalazłem ten działa idealnie dla mnie. Mam nadzieję, że to pomoże, lub ktokolwiek inny, kto się w to zagłębi :)

Answer 3

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

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

Answer 4

Będziesz chciał spojrzeć na argument textStatus przekazany do funkcji błędu. Według http://api.jquery.com/jQuery.ajax/ może przyjmować wartości "sukces", "niezmodyfikowany", "błąd", "limit czasu", "przerwać" lub "parsererror". "Przerwij" jest oczywiście tym, co chcesz sprawdzić.

Dłuższe nuty tutaj: jquery-gotcha-error-callback-triggered-on-xhr-abort

Answer 5

Opierając Alastair Pitts'a answer, można również zrobić to mieć więcej komunikatów informacyjnych:

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

Answer 6

miałem ten sam problem tutaj, a to, co zrobiłem jako rozwiązanie było ustawić „Przerwanie” var tuż przed wywołaniem Abort(), jak poniżej:

aborting = true; 
myAjax.abort(); 

i tylko pokazać błąd na błędzie obsługi żądania ajax, jeżeli przerwanie nie jest prawdą.

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

Answer 7

Ponieważ bluecollarcoders odpowiedź nie działa dla żądań ajax przerwane przez javascript, tu jest moje rozwiązanie:

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


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

np

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

zostanie zignorowany przez ajaxError obsługi

Answer 8

W nowoczesnych jQuery można po prostu sprawdzić, czy request.statusText jest równa 'abort':

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

Answer 9

var ProductSearchTouchAjax = null; 
function GetItemsTouchAjax(SearchString) { 

    if (ProductSearchTouchAjax != null) { 
     ProductSearchTouchAjax.abort(); 
    } 
    ProductSearchTouchAjax = $.ajax("../Sale/ProductSearchTouchAjax?SearchString=" + SearchString) 
        .done(function (data) { 

        }) 
        .fail(function (request, textStatus, errorThrown) { 
         debugger; 
         if (textStatus == "abort") { 
          return; 
         } else { 
          alert("error-GetProductInfo"); 
         } 
        }); 
}