在 .ajax POST 中启用 CORS

Question

我创建了一个 .ajax 请求，但我不断收到此错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.com/api/GetData. This can be fixed by moving the resource to the same domain or enabling CORS.

我在网上查看了一些东西并将我的 ajax 请求编辑为如下所示：

var url = "https://api.com/api/GetData";
var data = jsonHandler();
$.support.cors = true;
this.xhr = $.ajax({
    crossDomain: true,
    url: url,
    type: "POST",
    data: data,
    accept: "application/json",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(response) {
        alert(response);
    },
    error: function(response) {
        console.log(response)
    },
    fail: function(response) {
        console.log(response)
    }
});

我的请求中有什么遗漏吗？

我见过this SO q/a，但我不确定我做的是否正确，或者这是否与我的问题有关。

如果有任何建议，我将不胜感激。提前致谢。

更新：刚刚尝试根据this在web.config文件中启用CORS，但没有任何改变。将再次更新。

更新 2： 将此添加到 web.config 部分似乎解决了我的问题：

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Methods" value="POST, GET, OPTIONS"/>
    <add name="Access-Control-Allow-Headers" value="Authorization, Origin, X-Requested-With, Content-Type, Accept"/>
  </customHeaders>
</httpProtocol>

Answer 1

我有同样的问题，我在服务器端代码中解决了这个问题，而不是在 ajax 请求中。就我而言；我在服务器端使用cakePHP。

我将此代码添加到我的 php 控制器中。

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS");
header("Access-Control-Allow-Headers: Authorization, Origin, X-Requested-With, Content-Type, Accept");

Answer 2

不久前修复了同样的问题。而且我不需要启用/激活 CORS，因为我已经读到某些防火墙会删除标头以确保安全。 http://promincproductions.com/blog/server-proxy-for-cross-site-scripting-cors/

在你的 js 代码的全局部分，添加一个函数 ...

window.googleDocCallback = function () { return true; };

然后，在您的 AJAX（假设为 GET？）请求中的 URL 中，如果您没有 URI 参数，请附加 ?callback=googleDocCallback

如果您有其他参数，请附加 &callback=googleDocCallback

更多信息请见：https://jvaneyck.wordpress.com/2014/01/07/cross-domain-requests-in-javascript/