Catch a 404 error per XHR

Question

Bsicamente ho avuto la necessità di creare un oggetto APP javascript, che accodare una sequenza di richieste asincroni per il server, elaborare la risposta a JSON e registrare gli errori da esso.

Gli errori di elaborazione JSON sono stati facilmente rilevati con "try-catch", ma gli errori del server come 404, 500 ecc. Sono ancora visualizzati nella console del browser, mentre ho bisogno di registrarlo silenziosamente in "APP.history".

Ho provato a implementarlo tramite il codice riportato di seguito, ma nessuno degli errori 404 si attiva. Che cosa sto facendo di sbagliato?

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

A proposito, come è possibile farlo con jQuery AJAX? Stato

Answer 1

A 404 non si innescherà xhr.onerror()

La soluzione è quella di utilizzare il gestore loadend(), questo incendi non importa cosa, allora si può verificare lo stato.

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

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

Answer 2

Recentemente ho dovuto risolvere questo problema da solo. Uno stato 404 non attiverà xhr.onerror() perché tecnicamente non è un errore, poiché la risposta è stata completata (la stessa 404 è una risposta).

La mia soluzione era quella di utilizzare il gestore loadend(), che spara non importa cosa, quindi controllare lo stato di 404, o qualsiasi stato che ti interessa.

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

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

Lo stesso metodo esiste per XMLHttpRequestUpload . Purtroppo, i nostri fornitori di browser non ci consentono di sopprimere programmaticamente gli errori di rete nel 2017. However, networks errors can be suppressed using the console's filtering options.