Create custom function to extend default jQuery $.ajax

Question

I need to create a function that extends jQuery $.ajax callbacks. In specific, I need to add a default code to every beforeSend(), complete() callback. For instance, I have tried this:

var custom = {};
var tempAjax = function(options,callback){ 
    var defaults = { };
    $.extend(options,defaults);
    return $.ajax(options);
}
custom.ajax = function() {
    if ( !arguments[0].beforeSend ) {
        arguments[0].beforeSend = function() {
            // my default code
        }
    }
    return tempAjax.apply($, arguments).then(function(value) {
        // my default code
    }).fail( function() {
        // my default code
    });
}

it is important that every other $.ajax call will still run the own specific code in addition of the default code I have defined. So the following code:

custom.ajax({
    url:        url,
    data:       data,
    dataType:   type,
    beforeSend: function(result){   
        // other code
    },
    success: function(result){  
        // other code
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
        // other code
    },
    complete: function () { 
        // other code
    }
});

will run // other code and // my default code for each callback type.

I'm not sure my solution is working as expected. Could you help me with that?

edit: it is also important that the default code will be used by custom.ajax and not by standard $.ajax calls that will continue to run normally.

Thanks

nibnut · Accepted Answer · 2017-02-02 16:56:33Z

3

If the order of execution doesn't matter, then I believe you could use jQuery's global event handlers for your beforeSend, success, error and complete cases.

My understanding is that those will be called for all $.ajax calls afterwards...

Hope this helps!

answered Feb 2, 2017 at 16:56

nibnut

3,1272 gold badges17 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Create custom function to extend default jQuery $.ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related