Overload jQuery.ajax() method to add additional token value to data parameter

Question

I have to pass an additional token value to the website so that I can validate the request.

The function that adds the value is this:

AddPageTokenToAjaxRequest = function (data)
{
    data.hfPageToken = $('#hfPageToken').val();
    return data;
};

, and it would have to be used like this:

function asociate(id)
{


    $.ajax({
        url: postbackURL, 
        type: 'POST',
        data: AddPageTokenToAjaxRequest( { id: id} ),
        success: function (result)
        {
            refresh();
        }
    });
}

The thing is that I do not want to change the code in about 100 of these calls. Is there a way to override the data sending ajax call so that I do not have to make 100 changes?

Polymorphix · Accepted Answer · 2012-10-09 07:27:14Z

1

Could you use jQuery.ajaxSend() to modify your data before sending?

Whenever an Ajax request is about to be sent, jQuery triggers the ajaxSend event. Any and all handlers that have been registered with the .ajaxSend() method are executed at this time.

something like (pseudo code):

var modify = function(event, jqXHR, ajaxOptions)
{
    ajaxOptions.data = AddPageTokenToAjaxRequest( { id: ajaxOptions.data} )
}
$.ajaxSend(modify(e, jqXHR, opts));

Just a thought. Seems like it might work.

edited Oct 9, 2012 at 7:27

answered Oct 9, 2012 at 7:21

Polymorphix

1,0831 gold badge13 silver badges31 bronze badges

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

1 Comment

Dragos Durlut Over a year ago

Hello, thank you! Your answer sent me in the right direction. +1

Community · Accepted Answer · 2017-05-23 12:32:11Z

0

After seeing Polymorphix's answer I did another search and I found this piece of code here: https://stackoverflow.com/a/12116344/249895

$(document).ready(function ()
{
    var securityToken = $('#hfPageToken').val()
    $('body').bind('ajaxSend', function (elm, xhr, s)
    {
        if (s.hasContent && securityToken)
        {   // handle all verbs with content
            var tokenParam = "hfPageToken=" + encodeURIComponent(securityToken);
            s.data = s.data ? [s.data, tokenParam].join("&") : tokenParam;
            // ensure Content-Type header is present!
            if (s.contentType !== false || options.contentType)
            {
                xhr.setRequestHeader("Content-Type", s.contentType);
            }
        }
    });
});

I tested this and it works just fine.

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Oct 9, 2012 at 7:29

Dragos Durlut

8,09811 gold badges51 silver badges64 bronze badges

Collectives™ on Stack Overflow

Overload jQuery.ajax() method to add additional token value to data parameter

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related