允许跨域ajax请求中的标头
[英]Allow headers in cross-domain ajax request
问题描述
第一个Ajax请求接收响应，但不包括第二个包含标头的响应。 如何允许标头包含在跨域Ajax请求中。
注意 - 我希望我需要进行服务器端更改，并且https://stackoverflow.com/a/32140436/1032531也这样说，但没有说明如何进行这些更改。 此外，我不是在寻找仅限jQuery的解决方案。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Testing</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$.ajax({
type:'POST',
url:'http://otherdomain.example.com/ajax.php',
})
$.ajax({
type:'POST',
url:'http://otherdomain.example.com/ajax.php',
headers: {"X-Test-Header": "test-value"},
})
});
</script>
</head>
<body></body>
</html>
FF对第二个Ajax请求的响应：
跨源请求已阻止：同源策略不允许在http://otherdomain.example.com/ajax.php上读取远程资源。 （原因：在CORS预检频道的CORS标题'Access-Control-Allow-Headers'中丢失了令牌'x-test-header'）。
Chrome响应第二个：
XMLHttpRequest无法加载http://otherdomain.example.com/ajax.php 。 请求标头字段在预检响应中，Access-Control-Allow-Header不允许使用X-Test-Header。 Apache被设置为
如下：
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
Header set Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization, Client-Security-Token, Accept-Encoding"
2 个解决方案
解决方案1
6 已采纳 2016-09-24 13:36:19
似乎必须明确列出每个标头，并将x-test-header添加到Access-Control-Allow-Headers 。
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
Header set Access-Control-Allow-Headers "x-test-header, Origin, X-Requested-With, Content-Type, Accept"
解决方案2
0 2016-09-24 13:35:35
您可以使用.htaccess规则来消除此错误。 只需在主目录中创建一个.htaccess文件（如果已经有一个，则将这些行附加到它上面）
Header set Access-Control-Allow-Origin "*"
这将全局允许交叉orgin。 如果您只想要一个页面，则可以使用
<?php header("Access-Control-Allow-Origin: *"); ?>
在页面顶部
jQuery ajax跨域请求
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.