Złap błąd 404 dla XHR

Question

Podsumowując, miałem potrzebę utworzenia obiektu APP javascript, który będzie ustawiał kolejkę asynchronicznych żądań dla serwera, przetwarzał odpowiedź na JSON i rejestrował z niej błędy.

Błędy przetwarzania JSON były bardzo łatwe dzięki "try-catch", ale błędy serwera, takie jak 404, 500 itd., Są nadal wyświetlane w konsoli przeglądarki, podczas gdy muszę cichutko zalogować go w "APP.history".

Próbowałem zaimplementować go za pomocą poniższego kodu, ale żaden z 404 błędów nie uruchamia onerror. Co ja robię źle?

xhr = new XMLHttpRequest(); 
xhr.open("GET", url, true) 
xhr.onerror = function(){console.log("error")} 
xhr.upload.onerror = function(){console.log("error")} 

Nawiasem mówiąc, jak to zrobić z jQuery AJAX?

Answer 1

404 status nie wywoła xhr.onerror()

Rozwiązaniem jest skorzystanie z obsługi loadend(), to bez względu na pożary, można sprawdzić status.

xhr = new XMLHttpRequest(); 
xhr.open("GET", url, true); 

xhr.onloadend = function() { 
    if(xhr.status == 404) 
     throw new Error(url + ' replied 404'); 
} 

Answer 2

Niedawno musiałem rozwiązać ten problem osobiście. Status 404 nie wyzwoli xhr.onerror(), ponieważ technicznie nie jest to błąd, ponieważ odpowiedź została zakończona (sama 404 jest odpowiedzią).

Moje rozwiązanie było użyć loadend() obsługi, która odpala bez względu na to, a następnie sprawdzić stan do 404, lub inny stan jesteś zainteresowany.

xhr = new XMLHttpRequest(); 
xhr.open("GET", url, true); 

xhr.onloadend = function() { 
    if(xhr.status == 404) 
     throw new Error(url + ' replied 404'); 
} 

Ta sama metoda istnieje XMLHttpRequestUpload . Niestety, nasi dostawcy przeglądarek nie pozwalają nam programowo tłumić błędów sieci w 2017. However, networks errors can be suppressed using the console's filtering options.