Pass request headers in a jQuery AJAX GET call Pass request headers in a jQuery AJAX GET call ajax ajax

Pass request headers in a jQuery AJAX GET call


As of jQuery 1.5, there is a headers hash you can pass in as follows:

$.ajax({    url: "/test",    headers: {"X-Test-Header": "test-value"}});

From http://api.jquery.com/jQuery.ajax:

headers (added 1.5): A map of additional header key/value pairs to send along with the request. This setting is set before the beforeSend function is called; therefore, any values in the headers setting can be overwritten from within the beforeSend function.


Use beforeSend:

$.ajax({         url: "http://localhost/PlatformPortal/Buyers/Account/SignIn",         data: { signature: authHeader },         type: "GET",         beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},         success: function() { alert('Success!' + authHeader); }      });

http://api.jquery.com/jQuery.ajax/

http://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader-method


$.ajax({            url: URL,            type: 'GET',            dataType: 'json',            headers: {                'header1': 'value1',                'header2': 'value2'            },            contentType: 'application/json; charset=utf-8',            success: function (result) {               // CallBack(result);            },            error: function (error) {                            }        });