JQuery catch any ajax error

Question

i like to catch any ajax 401 Unauthorised exception, but do no like to change all my ajax queries. Is there a way to change it for any $.ajax call like (overwrite any error handler) ?

using google will bring you an answer in few seconds: `$.ajaxSetup({ statusCode: { 401: function(){ //this will catch any and all access denied errors } } });` — A. Wolff, Aug 01 '13 at 09:23

score 29 · Accepted Answer · answered Aug 01 '13 at 09:22

29

you can use the global ajax event handlers .ajaxError()

$( document ).ajaxError(function( event, jqxhr, settings, exception ) {
    if ( jqxhr.status== 401 ) {
        $( "div.log" ).text( "Triggered ajaxError handler." );
    }
});

answered Aug 01 '13 at 09:22

Arun P Johny

384,651
66
527
531

Some times `jqxhr` is null, but palaѕн solution worked for me. – mtoloo Apr 13 '16 at 04:47
1

From whatever reason when I use this snippet the staus is always 0. Any ideas? – Dave Jan 11 '17 at 12:43

score 13 · Answer 2 · answered Aug 01 '13 at 09:22

13

You can do something like this:

$(function() {
    $.ajaxSetup({
        error: function(jqXHR, exception) {
            if (jqXHR.status === 401) {
                alert('HTTP Error 401 Unauthorized.');
            } else {
                alert('Uncaught Error.\n' + jqXHR.responseText);
            }
        }
    });
});

This will catch error in any of your ajax calls.

answered Aug 01 '13 at 09:22

palaѕн

72,112
17
116
136

3

it will fail in case if an ajax call had `error` callback specified in the options like `$.ajax({url:'', error: function(){}})` – Arun P Johny Aug 01 '13 at 09:45

score 2 · Answer 3 · answered Aug 01 '13 at 09:23

The $.ajaxSetup() function will allow you to specify global options for Ajax calls. Be careful however as other calls to ajaxSetup() will overwrite global options and specified local options to the ajax() method will override global settings.

Documentation

score 1 · Answer 4 · edited Jan 08 '14 at 16:25

1

Try using .ajaxError() as a global method http://api.jquery.com/ajaxError/

edited Jan 08 '14 at 16:25

Mariusz Jamro

30,615
24
120
162

answered Aug 01 '13 at 09:22

Jordi

189
6

Dave Sag · Answer 5 · 2014-05-05T10:34:42.517

1

To catch a 401 status code simply add

  $.ajaxSetup({
    statusCode: {
      401: function(err){
        console.log('Login Failed.', err.responseJSON);
        // or whatever...
      }
    }
  });

to your page somewhere before the AJAX call is fired.

edited May 05 '14 at 10:34

answered May 05 '14 at 10:22

Dave Sag

13,266
14
86
134

JQuery catch any ajax error

5 Answers5

Linked