Come sapere se JQuery errore significa chiamata è stata interrotta

Question

Supponiamo che io sono una chiamata un po 'a lungo in esecuzione jQuery Ajax (diciamo 5 secondi) come segue:

$.ajax({ 
    url: '/LongCall', 
    type: 'POST', 
    async: true, 
    cache: false, 
    datatype: 'json', 
    success: function(data) { 
     alert('Success!'); 
    }, 
    error(xhr, textStatus, errorThrown) { 
     alert('Error!'); 
    } 
}); 

Ora supponiamo durante l'attesa per i miei cinque secondo processo per l'esecuzione l'utente diventa impaziente e decide di raggiungere una sorta di navigazione sulla mia pagina. Quello che succede nella chiamata sopra è che l'utente riceve l'avviso di errore quando fa clic su un collegamento.

Voglio che venga visualizzato l'avviso di errore se c'è davvero un errore, ma se tutto ciò che è successo è che l'utente ha deciso di allontanarsi, non voglio che venga visualizzato l'avviso di errore. Come posso fare questo?

In altre parole, c'è qualche valore che posso controllare (xhr.status forse?) Che mi dirà che l'errore che si è verificato è semplicemente che il processo è stato interrotto, quindi posso sapere di ignorare l'errore?

Grazie!

Answer 1

Vicino come posso dire, il modo migliore per farlo è quello di verificare xhr.readyState nella vostra gestore degli errori. Qualsiasi valore inferiore a 4 indica che il processo è ancora in esecuzione, quindi ciò significa che qualcosa sta accadendo nel browser per interromperlo.

Si desidera anche chiamare xhr.abort() per tentare di interrompere il processo ajax in modo che l'utente non debba attendere il termine prima che la navigazione avvenga effettivamente, anche se per me la chiamata a xhr.abort () in realtà non accelera le cose.

$.ajax({ 
    url: '/LongCall', 
    type: 'POST', 
    async: true, 
    cache: false, 
    datatype: 'json', 
    success: function(data) { 
     alert('Success!'); 
    }, 
    error(xhr, textStatus, errorThrown) { 
     if (xhr.readyState < 4) { 
      xhr.abort(); 
     } 
     else { 
      alert('Error!'); 
     } 
    } 
}); 

Answer 2

Leggendo la documentation, vorrei azzardare un'ipotesi che il gestore degli errori dovrebbe essere simile a questo:

error(xhr, textStatus, errorThrown) { 
    if(textStatus != "abort") { 
     alert("Error!"); 
    } 
}