Overriding jQuery default ajaxError for a specific status code

Question

I'm trying to implement a jQuery default HTTP error handler for AJAX calls. I've implemented the default error handler for generic application errors as follows:

$(document).ajaxError(function(event, jqXHR, settings, thrownError) {
    switch (jqXHR.status) {
        case 403:
            console.log('Forbidden, go away!');
            break;
        case 404:
            console.log('Resource not found :O');
            break;
        case 422:
            console.log('Unprocessable entity.');
            break;
        case 500:
            console.log('Someone have to pay for this!');
            break;
        default:
            console.log('Anyone knows what is going on here?');
    }
});

Now what i would like to achieve is to override a specific status code within a single AJAX call. Like for example

$.ajax({
    ...
    error: function(jqXHR, textStatus, errorThrown) {
         if(jqXHR.status === 404){
             console.log('The requested unicorn is actually missing');
         }
    }
})

Right now, if i implement as shown above, both messages will be displayed

>The requested unicorn is actually missing
>Resource not found :O

while i'm trying only to get The requested unicorn is actually missing message.

Setting global: false flag in the single AJAX call settings implies ignoring all global AJAX functions within that AJAX call and unfortunately that is not a viable solution for my application.

Any idea? Thanks!

jsfiddle.net/07wzfyyL global options should have worked, check out this fiddle. — Vinay Pratap Singh Bhadauria
– Vinay Pratap Singh Bhadauria, Commented Mar 6, 2017 at 11:32
From the jQuery docs: global: Whether to trigger global Ajax event handlers for this request. The default is true. Set to false to prevent the global handlers like ajaxStart or ajaxStop from being triggered. This can be used to control various Ajax Events. This behavior prevent global handlers execution in any case! What i need here is to override only a specific status code if handled by the single ajax call and execute the default handler only if the HTTP code is not handled through the application. — Desh901
– Desh901, Commented Mar 6, 2017 at 11:41

Ararat Harutyunyan · Accepted Answer · 2017-03-06 11:16:43Z

5

you can do the following

$.ajax({
    handleErrors: [404],
    ...
    error: function(jqXHR, textStatus, errorThrown) {
        if(jqXHR.status === 404){
            console.log('The requested unicorn is actually missing');
        }
    }
});

then in your global handler check if the error is handled

$(document).ajaxError(function(event, jqXHR, settings, thrownError) {
    if (settings.handleErrors && settings.handleErrors.indexOf(jqXHR.status) !== -1) {
        return;
    }
    switch (jqXHR.status) {
        case 403:
            console.log('Forbidden, go away!');
            break;
        case 404:
            console.log('Resource not found :O');
            break;
        case 422:
            console.log('Unprocessable entity.');
            break;
        case 500:
            console.log('Someone have to pay for this!');
            break;
        default:
            console.log('Anyone knows what is going on here?');
    }
});

answered Mar 6, 2017 at 11:16

Ararat Harutyunyan

9362 gold badges8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Desh901 Over a year ago

Thanks!! Your solution actually works really well! i didn't noticed the handleErrors in jQuery docs. Great answer!

Ararat Harutyunyan Over a year ago

handleErrors is custom property, you can set the name whatever you want.

Desh901 Over a year ago

You're right, that's because the ajax settings are extended with $.extend

Collectives™ on Stack Overflow

Overriding jQuery default ajaxError for a specific status code

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related