繁体   English   中英

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

[英]Can't Get Custom HTTP Header Response from Ajax getAllResponseHeaders

我确实得到了响应数据,但我无法获取自定义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-LengthContent-EncodingVaryX-Powered-BySet-CookieServer ,当然My-Own-Test

我想感谢jbl指出我正确的SO问题。 我现在明白了......

所以,好的......答案。 如果你想设置自己的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之外我还有其他所有问题。 把它放进去后,我的Javascript Ajax可以读取HTTP Header Custom-Header的内容。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM