gestisce un errore ajax quando un utente fa clic su Aggiorna

Question

Mi scuso se questo è qualcosa che dovrebbe essere in grado di cercare. tutti i termini che volevo erano molto sovraccarichi ..

ecco il mio problema: quando apro una pagina, spara un'intera serie di chiamate Ajax. se poi premo Maiusc + Aggiorna, tutte quelle chiamate ajax vengono considerate errori e mostrano le loro finestre di dialogo dei messaggi di errore prima che l'intera pagina si ricarichi.

quindi l'errore viene attivato dal client - è comunque possibile scoprire se questo è il caso, quindi posso ignorarlo? ad esempio nel XMLHttpRequest, o nella funzione ajax (sto usando jQuery btw)

Answer 1

[questa è una modifica della risposta precedente, che ha avuto questioni in sospeso che ho dato risolto]

jQuery lancia l'evento di errore quando l'utente si allontana dalla pagina aggiornando, facendo clic su un collegamento o modificando l'URL nel browser. È possibile rilevare questi tipi di errori mediante l'attuazione di un gestore di errori per la chiamata ajax, e ispezionando l'oggetto XMLHttpRequest:

$.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

Le tecniche di cui sopra non funziona per una pagina periodicamente rinfrescante (ad esempio ogni mezz'ora secondi). Ho capito che l'errore causato dall'aggiornamento della pagina può essere evitato utilizzando il ritardo del processo di gestione degli errori di una piccola quantità di tempo.

Esempio:

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

In aggiunta a ciò

window.onbeforeunload = function() {// chiamate fermata ajax}

evento può essere utilizzato per meno frequentemente rinfrescare le chiamate Ajax.

Answer 4

Ci sono diversi approcci suggeriti per rilevare questo:

• Diversi hanno suggerito l'uso di un gestore beforeunload per impostare un flag booleano in modo che il gestore di errori può sapere che la pagina viene scaricata (vedi elenco di post correlati/duplicati di seguito). Questo è grandioso, ad eccezione di mobile Safari on iOS doesn't support the beforeunload event.

• Sachindra suggested un approccio in cui invece di attivare immediatamente la funzione di errore, è stato ritardato di un secondo in un setTimeout(..., 1000). In questo modo, c'è una buona probabilità che la pagina sia effettivamente scomparsa quando viene chiamato il gestore degli errori. "Buona possibilità". Scommetto se ho una pagina enorme con ad es. molti <input> s, potrebbe essere necessario più di 1 secondo per scaricare, quindi il gestore degli errori potrebbe comunque attivarsi.

pertanto suggeriscono una combinazione di reliably detecting beforeunload support e se beforeunload non è supportato (tosse iPad/iPhone tosse) ripristinare trucco di ritardo Sachindra.

Vedere la soluzione completa con rilevamento beforeunload e tutto in questo jsfiddle.

Sembra che la situazione sia a little better for jQuery 2.x than for 1.x, ma 2.x sembra anche un po 'flakey, e quindi trovo ancora questo suggerimento prudente.

P.S: Sono stati inoltre proposti suggerimenti per testare alcuni campi nell'oggetto XHR/jqXHR. (Here e here). Non ho mai incontrato una combinazione in grado di distinguere tra la navigazione dell'utente e il riavvio del server Web durante una chiamata AJAX di lunga durata e pertanto non ho trovato questo approccio utile per me.

questo è davvero anche una risposta a questi correlati/duplicati domande Stack Overflow:

• 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?

e questi posti al di fuori di Pila Overflow:

• 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

versione combinata di nisanth074 e Peter V. Mørch risposte, che ha lavorato per me.

Esempio:

var isPageBeingRefreshed = false; 

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

    isPageBeingRefreshed = true; 
}); 

$.ajax({ 

    // Standart AJAX settings 

}).error(function(){ 

    if (!isPageBeingRefreshed) { 

     // Displaying error message 
    } 
});