我可以在跨域json请求中设置标题吗？

Question

我在网上做了一些研究，但我没有设法得到关于这个主题的完整画面。有人能帮助解决这个问题吗？

这是我目前发现的：

• 可以使用jsonp进行跨域调用。在jsonp调用中不允许更改头
• 如果服务器允许，可以使用json进行跨域调用。

这就是我想做的：

$.ajax({
    type: "GET",
    crossDomain: true,
    beforeSend: function (request) {
        request.setRequestHeader("Authorization", "Bearer " + ($("#accesstoken").val()));
    },
    contentType: "application/json; charset=utf-8",
    url: myJSonServer + encodeURI(operation),
    dataType: 'json',
    cache: false,
    success: callback,
    error: function (jqXhr, textStatus, errorThrown) { alert(textStatus + ": " + errorThrown); }
});

这就是正在发生的事情：

• 当myJSonServer在同一个域上时，完全没有问题
• 当myJSonServer在另一个域上时，请求被发送，但是没有承载头

这个承载头是oAuth2标准的一部分。

我意识到这样一个事实，也许这不是最好的解决方案，在浏览器中设置访问令牌。我知道我可以用代理来解决这种情况。

我只是好奇，是否有可能或将有可能设置跨域json请求的头<谢谢

我使用的是MVC4，并在web中添加了crossDomainScriptAccessEnabled=“true”。配置。我以为这就足够了，但阿普西勒的回答解决了我的问题。我现在已经在我的网站上添加了这个。配置：

 <system.webServer>
     <httpProtocol>
         <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <add name="Access-Control-Allow-Headers" value="Authorization" />
         </customHeaders>
      </httpProtocol>
   </system.webServer>

Answer 1

如果您使用JSONP进行跨源请求，那么答案是否定的，您不能在此类请求上设置HTTP头。如果您使用CORS进行跨源请求，那么答案是肯定的，因为您使用的是普通XHR进行请求：http://en.wikipedia.org/wiki/Cross-origin_resource_sharing.

Answer 2

因为“jsonp”通过创建一个脚本标记并使用属性src=从另一个域加载资源来工作。所以我认为没有办法修改请求头。

Answer 3

对于JSONP，设置自定义头是不可能的。

对于CORS，服务器必须发送Access Control Allow Headers头以允许来自客户端的异常请求头。从HTML5 Rocks CORS页面：

访问控制允许标题…-受支持的请求头的逗号分隔列表。

因此，您的服务器必须发送一个访问控制允许头：授权让浏览器知道它是允许发送授权到服务器的请求。如果没有这个断头，浏览器只会发送几个带有请求的公共头，而忽略其余的。