Adding a general parameter to all ajax calls made with jQuery

Question

I\'m using AJAX to load data from the server as needed. I\'m currently working on updating the server software to the latest version. One of the things I noticed that has ch

Answer 1

An example using ajaxPrefilter to extend posted data :

$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
    if (originalOptions.type === 'POST' || options.type === 'POST') {
        var modifiedData = $.extend({},originalOptions.context.options.data,{ property:"val",property_two: "val" });
        options.context.options.data = modifiedData;
        options.data = $.param(modifiedData,true);
    } 
});

Answer 2

You could use the $.ajaxSetup method as illustrated in the following article.

Answer 3

What you're looking for is a Prefilter, here's a sample from the page:

$.ajaxPrefilter( function( options, originalOptions, jqXHR ) {
  // Modify options, control originalOptions, store jqXHR, etc
});

This requires JQuery 1.5.

Answer 4

I took Raja Khoury's solution, but edited it a bit since context was null in my case.

This is what I came up with:

    $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
        if (originalOptions.type === 'POST' || options.type === 'POST') {
            var modifiedData = $.extend({}, originalOptions.data, { __RequestVerificationToken: getAntiForgeryToken() });
            options.data = $.param(modifiedData);
        }
    });