javascript - jQuery 跨域 POST 恶作剧

Question

我正在尝试对 API 进行身份验证，它只允许您使用 POST 和 JSON 作为表单数据进行身份验证，格式为 {"username":"myusername","password":"mypassword"}。

我已经尝试了两天来让这个与 jQuery 一起工作，但我遇到了问题，因为它是跨域的。我怎样才能做到这一点？

错误信息:

Request Method:OPTIONS
Status Code:405 METHOD NOT ALLOWED

到目前为止的代码:

var username = "myusername";
var password = "mypass"
var authurl = "https://myurl";

$.ajax
({
    type: "POST",
    url: authurl,
    dataType: 'json',
    contentType: "application/json; charset=utf-8",
    async: false,
    data: {'json':'{"username":"' + username + '", "password":"' + password + '"}'},
    success: function (result) {
        $('#json').html(result);
    }
})

总结:

• API 只接受 POST 验证
• API 需要 json 作为表单数据，例如:{"username":"myusername","password":"mypassword"}
• js从不同的域运行，导致跨域错误

非常感谢您的帮助:)

Answer 1

您应该遵循不同的模式。您的本地 JS 将向本地 URL 执行 ajax 发布，该 URL 将接受带有您的 json 数据的 POST 方法。

此时您的服务器代码将使用正确的数据向远程服务器执行 HTTP POST，获取响应，并将其发送回调用 js。