为什么我收到OPTIONS请求而不是GET请求？

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script>
$.get("http://example.com/", function(data) {
     alert(data);
});
</script>

它对该URL进行OPTIONS请求，然后永远不调用回调函数。

如果它不是跨域的，则可以正常工作。

jQuery是否不应该仅使用<script>节点进行调用，然后在加载时进行回调？我知道我将无法获得结果（因为它是跨域的），但是没关系；我只想打通电话。这是一个错误，还是我做错了什么？

根据MDN，

事前要求

与简单请求（如上所述）不同，“预检”请求首先将HTTP OPTIONS请求标头发送到另一个域上的资源，以确定实际请求是否可以安全发送。跨站点请求这样被预检，因为它们可能会影响用户数据。特别是，在以下情况下，将对请求进行预检：

• 它使用GET或POST以外的方法。另外，如果POST用于发送请求类型为application / x-www-form-urlencoded，multipart / form-data或text / plain之外的Content-Type的请求数据，例如POST请求将XML有效负载发送给服务器使用application / xml或text / xml，则对请求进行预检。
• 它在请求中设置自定义标头（例如，请求使用标头，例如X-PINGOTHER）

选项是从http://www.w3.org/TR/cors/见http://metajack.im/2010/01/19/crossdomain-ajax-for-xmpp-http-binding-made-easy/为多一点信息

如果你想POST

确保JSON.stringify您的表单数据并以形式发送text/plain。

<form id="my-form" onSubmit="return postMyFormData();">
    <input type="text" name="name" placeholder="Your Name" required>
    <input type="email" name="email" placeholder="Your Email" required>
    <input type="submit" value="Submit My Form">
</form>

function postMyFormData() {

    var formData = $('#my-form').serializeArray();
    formData = formData.reduce(function(obj, item) {
        obj[item.name] = item.value;
        return obj;
    }, {});
    formData = JSON.stringify(formData);

    $.ajax({
        type: "POST",
        url: "https://website.com/path",
        data: formData,
        success: function() { ... },
        dataType: "text",
        contentType : "text/plain"
    });
}

我不认为给定这样的URL时jQuery会自然地发出JSONP请求。但是，当您告诉它用于回调的参数时，它将执行JSONP请求：

$.get("http://metaward.com/import/http://metaward.com/u/ptarjan?jsoncallback=?", function(data) {
     alert(data);
});

完全由接收脚本来使用该参数（不必称为“ jsoncallback”），因此在这种情况下，永远不会调用该函数。但是，既然您说过只希望执行metaward.com上的脚本，那就可以了。

实际上，出于安全原因，不允许跨域AJAX（XMLHttp）请求（请考虑从客户端获取“受限制的”网页并将其发送回服务器，这是一个安全问题）。

唯一的解决方法是回调。这是：创建一个新的脚本对象，并将src指向端JavaScript，这是带有JSON值（myFunction（{data}）的回调，myFunction是对数据执行某些操作的函数（例如，存储它在变量中）。

只需将“ application / json”更改为“ text / plain”，不要忘记JSON.stringify（request）：

var request = {Company: sapws.dbName, UserName: username, Password: userpass};
    console.log(request);
    $.ajax({
        type: "POST",
        url: this.wsUrl + "/Login",
        contentType: "text/plain",
        data: JSON.stringify(request),

        crossDomain: true,
    });

我有同样的问题。我的解决方法是将标头添加到PHP脚本中，这些标头仅在开发环境中存在。

这允许跨域请求：

header("Access-Control-Allow-Origin: *");

这告诉预检请求，客户端可以发送所需的任何标头了：

header("Access-Control-Allow-Headers: *");

这样就无需修改请求。

如果您的开发数据库中有敏感数据可能被泄漏，那么您可能会三思而后行。

就我而言，该问题与CORS无关，因为我向同一Web服务器发布了jQuery POST。数据为JSON，但我省略了dataType：'json'参数。

我没有（也不添加）contentType参数，如上述David Lopes的回答所示。

看起来Firefox和Opera（也已在Mac上进行了测试）不喜欢这种跨域性（但Safari很好用）。

您可能必须调用本地服务器端代码才能卷曲远程页面。

我能够在以下标题的帮助下进行修复

Access-Control-Allow-Origin
Access-Control-Allow-Headers
Access-Control-Allow-Credentials
Access-Control-Allow-Methods

如果您使用的是Nodejs，则可以复制/粘贴以下代码。

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin','*');
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
  res.header('Access-Control-Allow-Credentials', true);
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, PATCH');
  next();
});