Handle AJAX-Fehler, wenn ein Benutzer auf Aktualisieren klickt

Question

ich entschuldige mich, wenn dies etwas ist, was ich in der Lage sein sollte nachschlagen. alle Begriffe, die ich wollte, waren überlastet.

Hier ist mein Problem: Wenn ich eine Seite öffne, feuert es eine ganze Reihe von Ajax-Anrufe ab. Wenn ich dann Shift + Refresh drücke, werden alle diese Ajax-Aufrufe als Fehler betrachtet und zeigen ihre Fehlermeldungen an, bevor die gesamte Seite selbst neu geladen wird.

so wird der fehler vom client ausgelöst - ist da eh ich kann herausfinden, ob das der fall ist, damit ich es ignorieren kann? zB im xmlhttprequest, oder in der Ajax-Funktion (i btw bin mit jquery)

Answer 1

[dies ist eine Bearbeitung von der vorherige Antwort, die noch offene Fragen hatte, die ich inzwischen gelöst habe]

jQuery führt das Fehlerereignis wenn der Benutzer von der Seite weg navigiert, entweder durch Aktualisieren, Klicken auf einen Link oder Ändern der URL im Browser. Sie können diese Arten von Fehlern, die durch durch eine Fehlerbehandlungsroutine für den Ajax-Aufruf Implementierung und Inspizieren des XMLHttpRequest-Objekt erkennen:

$.ajax({ 
    /* ajax options omitted */ 
    error: function (xmlHttpRequest, textStatus, errorThrown) { 
     if(xmlHttpRequest.readyState == 0 || xmlHttpRequest.status == 0) 
       return; // it's not really an error 
     else 
       // Do normal error handling 
}); 

Answer 2

var isPageBeingRefreshed = false; 

window.onbeforeunload = function() { 
    isPageBeingRefreshed = true; 
}; 

$.ajax({ 
    error: function (xhr, type, errorThrown) { 
     if (!xhr.getAllResponseHeaders()) { 
      xhr.abort(); 
      if (isPageBeingRefreshed) { 
       return; // not an error 
      } 
     } 
    } 
}); 

Answer 3

Die obigen Techniken funktioniert nicht für eine periodisch erfrischende Seite (zum Beispiel jede halbe Sekunden). Ich habe herausgefunden, dass der Fehler, der durch das Aktualisieren der Seite verursacht wird, vermieden werden kann, indem die Fehlerbehandlung um eine kurze Zeit verzögert wird.

Beispiel:

$.ajax(...) 
.success(...) 
.error(function(jqXHR) { 
setTimeout(function() { 
    // error showing process 
}, 1000); 
}); 

Zusätzlich zu, dass

window.onbeforeunload = function() {// Stop-Ajax-Aufrufe}

Ereignis kann für weniger häufig verwendet werden, erfrischende Ajax-Anrufe.

Answer 4

Es gibt mehrere vorgeschlagene Ansätze zur Erfassung dieser:

• Einige haben die Verwendung eines beforeunload Handler vorgeschlagen, eine boolean-Flag zu setzen, so dass der Fehler-Handler wissen können, dass die Seite entladen wird (siehe Liste von verwandten/doppelten Posts unten). Das ist großartig, außer dass mobile Safari on iOS doesn't support the beforeunload event.

• Sachindra suggested ein Ansatz, bei dem statt der sofortigen Auslösung der Fehlerfunktion eine Sekunde in einer setTimeout(..., 1000) verzögert wurde. Auf diese Weise besteht eine gute Chance, dass die Seite tatsächlich verschwunden ist, wenn der Fehlerhandler aufgerufen wird. "Gute Chance" ist das. Ich wette, wenn ich eine riesige Seite mit z. viele <input> s, es könnte mehr als 1 Sekunde zum Entladen dauern, und dann würde vielleicht der Fehlerhandler trotzdem auslösen.

Ich schlage daher eine Kombination aus reliably detecting beforeunload support und wenn beforeunload wird nicht unterstützt (Husten iPad/iPhone Husten) zurückkehren zu Sachindra Verzögerung Trick.

Siehe die vollständige Lösung mit beforeunload Erkennung und alle in dieser jsfiddle.

Es sieht aus wie die Situation ist a little better for jQuery 2.x than for 1.x, aber 2.x scheint auch ein wenig flakey, und so finde ich immer noch diesen Vorschlag umsichtig.

S.S: Es gab auch Vorschläge, einige Felder im /jqXHR Objekt zu testen. (Here und here). Ich bin nicht über eine Kombination gekommen, die zwischen Benutzernavigation und dem Neustart des Webservers während eines lang andauernden AJAX-Anrufs unterscheiden konnte, und deshalb habe ich diesen Ansatz für mich nicht nützlich gefunden.

Das ist wirklich auch eine Antwort auf diese verwandten/duplizierten Fragen Stack-Überlauf:

• jQuery AJAX fires error callback on window unload?
• $.ajax calls success handler when request fails because of browser reloading
• How best to handle errors during jquery ajax calls caused by user clicking on links
• Detecting that a jQuery.ajax call failed because the page is reloading?

und diese Stellen außerhalb des Stapels Überlauf:

• What's the proper way to deal with AJAX error because of page reload?
• How to Distinguish a User-Aborted AJAX Call from an Error | I like stuff.

Answer 5

Kombiversion nisanth074 und Peter V. Mørch Antworten, die für mich gearbeitet.

Beispiel:

var isPageBeingRefreshed = false; 

$(window).on('beforeunload', function(){ 

    isPageBeingRefreshed = true; 
}); 

$.ajax({ 

    // Standart AJAX settings 

}).error(function(){ 

    if (!isPageBeingRefreshed) { 

     // Displaying error message 
    } 
});