无法从Ajax getAllResponseHeaders获取自定义HTTP标头响应
我确实得到了响应数据，但我无法获得自定义的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 ， Server ，当然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的内容。