JS/jQuery получить заголовки запросов HTTPRequest?

Question

Используя getAllResponseHeaders в объекте xhr, можно получить все заголовки ответов после вызова ajax. Но я не могу найти способ получить строку заголовков запроса, возможно ли это?

Answer 1

Если это предназначено для отладки, вы можете просто использовать Firebug или инструменты разработчика Chrome (и независимо от того, что функция вызывается в IE), чтобы проверить сетевой трафик из вашего браузера на сервер.

В качестве альтернативы можно использовать что-то вроде этого сценария:

$.ajax({ 
    url: 'someurl', 
    headers:{'foo':'bar'}, 
    complete: function() { 
     alert(this.headers.foo); 
    } 
}); 

Однако я думаю, что только заголовки уже определены в headers доступны (не уверен, что произойдет, если заголовки изменены (например, в beforeSend) .

вы можете прочитать немного больше о JQuery AJAX по адресу: http://api.jquery.com/jQuery.ajax/

EDIT: Если вы хотите просто поймать заголовки на всех вызывает setRequestHeader в XMLHttpRequest, тогда вы можете просто обернуть этот метод. Это немного взломать, и, конечно же, вам нужно будет убедиться, что приведенный ниже код обертки функций запускается до того, как будет выполнен какой-либо запрос.

// Reasign the existing setRequestHeader function to 
// something else on the XMLHtttpRequest class 
XMLHttpRequest.prototype.wrappedSetRequestHeader = 
    XMLHttpRequest.prototype.setRequestHeader; 

// Override the existing setRequestHeader function so that it stores the headers 
XMLHttpRequest.prototype.setRequestHeader = function(header, value) { 
    // Call the wrappedSetRequestHeader function first 
    // so we get exceptions if we are in an erronous state etc. 
    this.wrappedSetRequestHeader(header, value); 

    // Create a headers map if it does not exist 
    if(!this.headers) { 
     this.headers = {}; 
    } 

    // Create a list for the header that if it does not exist 
    if(!this.headers[header]) { 
     this.headers[header] = []; 
    } 

    // Add the value to the header 
    this.headers[header].push(value); 
} 

Теперь, когда заголовки были установлены на XMLHttpRequest, например, мы можем получить их путем изучения xhr.headers например

var xhr = new XMLHttpRequest(); 
xhr.open('get', 'demo.cgi'); 
xhr.setRequestHeader('foo','bar'); 
alert(xhr.headers['foo'][0]); // gives an alert with 'bar' 

Answer 2

Что-то вы могли бы, чтобы это использовать FakeXMLHttpRequest Синона заменить XHR вашего браузера. Описывается в this document о том, как использовать его для тестирования, но я уверен, что вы можете использовать модуль для своих целей отладки.

Что вам нужно сделать, это:

var requests; 
this.xhr = sinon.useFakeXMLHttpRequest(); 
this.xhr.onCreate = function(xhr) { 
    requests.push(xhr); 
} 

И потом, вы можете проверить requests массив заголовков от:

console.log(requests[0].requestHeaders); 

Чтобы получить доступ к заголовкам запроса.