JQuery Ajax error handling to ignore interruption

Question

I want to have a global error handling method for ajax calls, here is what I have now:

$.ajaxSetup({ error: function (XMLHttpRequest, textStatus, errorThrown) { displayError(); } }); 

I need to ignore the aborted error. errorThrown is null and textStatus is error . How to check aborted ?

Answer 1

Today I had to deal with the same precedent. The application I'm working on has these long ajax calls that can be interrupted: 1) by the user performing the navigation, or 2) some temporary connection / server failure. I want the error handler to be run only for connection / server failure, and not for user transition.

At first I tried to answer Alastair Pitts, but this did not work, because both the interrupted requests and the connection failure code set the status code and readyState to 0. Next, I tried sieppl; also did not work, because in both cases there was no answer, so there is no header.

The only solution that worked for me was to set a listener for window.onbeforeunload, which sets a global variable indicating that the page has been unloaded. The error handler can check and only call the error handler only if the page has not been unloaded.

 var globalVars = {unloaded:false}; $(window).bind('beforeunload', function(){ globalVars.unloaded = true; }); ... $.ajax({ error: function(jqXHR,status,error){ if (globalVars.unloaded) return; } }); 

Answer 2

In modern jQuery, you can simply check if request.statusText 'abort' :

 error: function (request, textStatus, errorThrown) { if (request.statusText =='abort') { return; } } 

Answer 3

I found that when there is an interrupted request, status and / or readyState are 0 .

In my global error handler, I have a check at the top of the method:

 $(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError) { //If either of these are true, then it not a true error and we don't care if (jqXHR.status === 0 || jqXHR.readyState === 0) { return; } //Do Stuff Here }); 

I found this to work fine for me. Hope this helps you or anyone else who comes across this :)

Answer 4

You need to look at the textStatus argument passed to your error function. According to http://api.jquery.com/jQuery.ajax/ , it can take the values ​​“success”, “unmodified”, “error”, “timeout”, “interrupt”, or “parsererror”. "abort" is obviously what you want to check.

Longer notes here: jquery-gotcha-error-callback-triggered-on-xhr-abort

Answer 5

Since bluecollarcoders answer doesn't work for ajax requests interrupted by javascript, here is my solution:

 var unloaded = false; ... $(window).bind('beforeunload', function(){ unloaded = true; }); $(document).ajaxError(function(event, request, settings) { if (unloaded || request.statusText == "abort") { return; } ... } 

eg.

 handler = jQuery.get("foo") handler.abort() 

will now be ignored by the ajaxError handler

Answer 6

 $(document).ajaxError(function(event, jqXHR, ajaxSettings, thrownError) { if (!jqXHR.getAllResponseHeaders()) { return; } }); 

Answer 7

Based on Alastair Pitts's answer , you can also do this to get more informative messages:

 $(document).ajaxError(function (e, jqXHR, ajaxSettings, thrownError) { { if (jqXHR.status === 0) { alert('Not connect.\n Verify Network.'); } else if (jqXHR.status == 404) { alert('Requested page not found. [404]'); } else if (jqXHR.status == 500) { alert('Internal Server Error [500].'); } else if (exception === 'parsererror') { alert('Requested JSON parse failed.'); } else if (exception === 'timeout') { alert('Time out error.'); } else if (exception === 'abort') { alert('Ajax request aborted.'); } else { alert('Uncaught Error.\n' + jqXHR.responseText); } } }); 

Answer 8

I had the same problem, and I decided how to “abort” var before calling the abort () function, as shown below:

 aborting = true; myAjax.abort(); 

and show only an error in the ajax request error handler if aborting it incorrectly.

 $.ajax({ [..] error: function() { if ( !aborting ) { // do some stuff.. } aborting = false; } });