是否可以提交 POST，而不是 AJAX，并在 jQuery 中获得 JSON 响应？

Question

我正在尝试向另一个站点提交表单帖子并收集它显示的 JSON 响应。我正在使用以下内容，但不确定如何获得响应。

$("form input[type=submit]").on("click", function (ev) {
    var result = '';
    ev.preventDefault();
    $('#myform').submit();
});

我会使用.post() 或.ajax()；但是，最好我能说我不能使用它，因为我得到了错误......

XMLHttpRequest 无法加载 http://example.com/api/login/。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'localhost' 不允许访问。

编辑：

$('#mybutton').click(function () {
        $.ajax({
            url: "http://example.com/api/login/",
            type: "POST",
            data: "name=user%40domain.com&pass=apassword",
            dataType: "jsonp",
            success: function (result) {
                alert("success");
            },
            error: function (jqXHR, tranStatus, errorThrown) {
                alert("error");
            }
        });

    });

Answer 1

您可以将表单提交到其他网站，但您无法访问您页面中的结果，除非目标网站允许（并且您使用的是ajax）。 Same Origin Policy 正好防止了这种情况。目标站点可以允许您通过 Cross-Origin Resource Sharing 访问。

您可以提交表单并完全放弃控制权（普通表单提交），或您可以使用ajax 并遵守 SOP（除非网站使用 CORS 允许这样做） .