Question

在xhr对象中使用getAllResponseHeaders，可以在ajax调用后获取所有响应头。但我找不到获取Request头字符串的方法，这可能吗？

Answer 1

如果这是出于调试目的，那么您可以使用Firebug或Chrome开发者工具（以及IE中调用的任何功能）来检查从浏览器到服务器的网络流量。

另一种方法是使用类似这样的脚本：

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

但是我认为只有已在headers中定义的标头可用（不确定如果标头被更改会发生什么情况（例如在beforeSend中）。

您可以在http://api.jquery.com/jQuery.ajax/

上阅读更多关于jQuery ajax的内容

编辑：如果您想在XMLHttpRequest上的所有对setRequestHeader的调用中捕获标头，那么您可以使用该方法。这有点像黑客，当然你需要确保在任何请求发生之前运行包含下面代码的函数。

// 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

您可以使用Sinon的FakeXMLHttpRequest替换浏览器的XHR。它在this document中描述了如何使用它进行测试，但我很确定你可以使用该模块进行调试。

您需要做的是：

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

然后，您可以通过以下方式检查requests数组中的标题：

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

访问您的请求标题。

JS / jQuery获取HTTPRequest请求标头？

2 个答案: