Is there a way to get all the request headers in a jQuery $.ajax call?

Question

I'm building a debug tool for AJAX requests, and I'd like to show the request/response headers (much like Firebug does). I can get the response headers using jqXHR.getAllResponseHeaders, but is there an equivalent for the request headers?

If not, I know I can somewhat reconstruct it myself:

GET /blah  // this part is easy
Host: servername.com  // pretty easy
Accept:  ???
Referer: ??? // just use current page url?
User-Agent:  // easy from navigator.userAgent
X-Requested-With: XMLHttpRequest   // hardcoded, $.ajax always does this?
Accept-Charset: ???
Accept-Encoding: ??? 
Accept-Language: ???
Connection: ???

I care mostly about Accept. It seems the browser or something is changing this, since I am setting $.ajax({dataType:'json'}) and in firebug I see Accept application/json, text/javascript, */*; q=0.01. I'd like to be able to capture the actual header being sent.

For Referer, is it safe to just use window.url, or could it be something else?

I have no idea how to get the Accept-* or Connection values.

possible duplicate of [get SENT headers in an XMLHttpRequest](http://stackoverflow.com/questions/7564007/get-sent-headers-in-an-xmlhttprequest) — Dan Dascalescu, Oct 11 '14 at 05:47

score 9 · Accepted Answer · edited May 23 '17 at 12:10

Short answer - surprisingly, no.

The XMLHttpRequest API doesn't have a method to retrieve the headers of the request about to be sent. See also this question.

The new jqHXR object, a superset of the browser's native XMLHttpRequest, unfortunately doesn't implement one either.

The .ajaxComplete() callback does get a settings parameter which will contain the headers key if you've set it the normal way, but not if you've used .beforeSend() to call setRequestHeader().

score 5 · Answer 2 · answered Jun 04 '14 at 08:19

You can use "this" as a reference for the current ajax request then get the property "accepts" like so :

    $.ajax({
                type: 'POST',
                dataType: 'JSON',
                url:'ajax.php',
                data:my_data_array,
                success: function(data) {
                    console.log(this.accepts);
                }
           });

score -6 · Answer 3 · answered Oct 16 '13 at 20:50

-6

You can use the jqXHR object in the success function to access the headers.

$.ajax({
...
success: function(data, textStatus, jqXHR ){
console.log(jqXHR);
...
}
})

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

answered Oct 16 '13 at 20:50

jagzviruz

1,453
12
27

3

As of jq 2.0.3, you can get *response* headers (via `getAllResponseHeaders()` or `getResponseHeader()`) but not *request* headers as I was asking for. – gregmac Oct 20 '13 at 19:26

Is there a way to get all the request headers in a jQuery $.ajax call?

3 Answers3