Question

I’m trying to create a global handler that gets called before the ajax success callback. I do a lot of ajax calls with my app, and if it is an error I return a specific structure, so I need to something to run before success runs to check the response data to see if it contains an error code bit like 1/0

Sample response

{"code": "0", "message": "your code is broken"}

or

{"code": "1", "data": "return some data"}

I can’t find a way to do this in jQuery out of the box, looked at prefilters, ajaxSetup and other available methods, but they don’t quite pull it off, the bets I could come up with is hacking the ajax method itself a little bit:

var oFn = $.ajax;

$.ajax = function(options, a, b, c)
{
    if(options.success)
    {
        var oFn2 = options.success;

        options.success = function(response)
        {
            //check the response code and do some processing
            ajaxPostProcess(response);

            //if no error run the success function otherwise don't bother
            if(response.code > 0) oFn2(response);
        }
    }

    oFn(options, a, b, c);
};

I’ve been using this for a while and it works fine, but was wondering if there is a better way to do it, or something I missed in the jQuery docs.

Answer 1

You can build your own AJAX handler instead of using the default ajax:

var ns = {};
ns.ajax = function(options,callback){ 
    var defaults = {              //set the defaults
        success: function(data){  //hijack the success handler
            if(check(data)){       //checks
                callback(data);   //if pass, call the callback
            }
        }
    };
    $.extend(options,defaults);  //merge passed options to defaults
    return $.ajax(options);             //send request
}

so your call, instead of $.ajax, you now use;

ns.ajax({options},function(data){
    //do whatever you want with the success data
});