无法从 Ajax getAllResponseHeaders 获取自定义 HTTP 标头响应答案

【问题标题】：Can't Get Custom HTTP Header Response from Ajax getAllResponseHeaders无法从 Ajax getAllResponseHeaders 获取自定义 HTTP 标头响应
【发布时间】：2013-02-09 03:34:07
【问题描述】：

我确实获得了响应数据，但我无法获得我的自定义 HTTP 标头数据。

是的，这是一个跨域请求。我正在使用 Javascript 执行 Ajax 请求。我已经用 XMLHttpRequest 和 jQuery $.ajax 试过这个。我已经完成了我的服务器设置，我在发送数据时设置了这些：

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, GET

我确实得到我想要的响应数据。但我无法获得完整的 HTTP 标头响应。

使用 PHP，我在发送文本响应之前设置了以下内容。所以我假设我应该使用 getAllResponseHeaders() 来获取它。

header('Expires: 0');
header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
header('My-Own-Test: nodatahere');

但这就是我得到的。

Content-Type: text/plain; charset=x-user-defined
Cache-Control: must-revalidate, post-check=0, pre-check=0
Expires: 0

它缺少My-Own-Test。仅供参考，这是我的 Javascript：

var formData = new FormData();
formData.append('username', 'my_username');
formData.append('book_id', 'test password');
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://mydomain.com/proc.php', true);
xhr.overrideMimeType("text/plain; charset=x-user-defined");
xhr.onload = function(e) { 
    console.log(this.getAllResponseHeaders());
};
xhr.send(formData);

我什至用 jQuery 尝试过...同样的结果。

var data_to_send = {
    username: 'my_username',
    password: 'test_password'
};
var ajaxObj;
ajaxObj = $.ajax({
    url: "https://mydomain.com/proc.php",
    data: data_to_send,
    type: "POST", 
    beforeSend: function ( xhr ) {
        xhr.overrideMimeType("text/plain; charset=x-user-defined");
    }
})
.done(function ( data ) {
    console.log( ajaxObj.getAllResponseHeaders()  );
});

仍然...没有运气。

但是如果我通过 Firebug 或 Chrome 的开发者工具，我可以看到这些工具确实返回完整的 HTTP 标头信息，包括 Content-Length、Content-Encoding、Vary、X-Powered-By、Set-Cookie、@987654333 @，当然还有My-Own-Test。

【问题讨论】：

我想这应该会有所帮助stackoverflow.com/a/14689355/1236044
太棒了！！！那太容易了。我确实有Access-Control-Allow-Headers，但我想我错过了Access-Control-Expose-Headers。做到了。谢啦。我很兴奋，不敢相信我错过了。再次感谢。为我节省了大量时间，也许是几天。
很高兴能得到一些帮助 ;-) 不要忘记接受你的回答

标签： javascript jquery ajax cross-domain

【解决方案1】：

我要感谢 jbl 为我指出正确的 SO 问题。我现在明白了……

所以，好吧……答案。如果您想设置自己的 HTTP Header 信息，然后使用跨域 Ajax 或类似的方式获取它，那么在发送响应文本之前，您应该在服务器端设置一些额外的 HTTP Header。

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Methods: POST, GET");      
header('Custom-Header: Own-Data');
header('Access-Control-Expose-Headers: Custom-Header');

上面的例子使用了 PHP。但是使用你自己的语言，无论你用什么来设置它们。

当我问这个问题时，除了Access-Control-Expose-Headers，我什么都知道了。放入之后，我的Javascript Ajax就可以读取HTTP Header Custom-Header的内容了。

【讨论】：