我确实获得了响应数据,但是无法获得自定义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:
My-Own-Test
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。
Content-Length
Content- Encoding
Vary
X-Powered-By
Set-Cookie
Server
我要感谢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的内容。
Access-Control-Expose-Headers