无法从Ajax getAllResponseHeaders获得自定义HTTP标头响应

Question

我确实获得了响应数据，但是无法获得自定义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()  );
});

仍然…没有运气。

但是，如果我去通过萤火虫或Chrome的开发者工具，我可以看到，这些工具做回完整的HTTP头信息，包括Content-Length，Content- Encoding，Vary，X-Powered-By，Set-Cookie，Server，当然My-Own-Test。

Answer 1

我要感谢jbl向我指出正确的问题。我现在知道了…

好吧，答案。如果您想设置自己的HTTP标头信息，然后使用跨域Ajax或类似的方法来获取它，则在发送响应文本之前，应在服务器端设置一些额外的HTTP标头。

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。放入后，我的JavascriptAjax可以读取HTTP标头Custom-Header的内容。