jQuery.ajax 调用适用于 IE，但在 Firefox 上失败

Question

我正在从 JavaScript 调用 SOAP WebService。在 IE 中，我的代码可以工作，但在 Firefox 上，使用 textStatus = "error"、xhr.status = 0 和 errorThrown 调用错误函数。我尝试了不同的答案，在 SO 上找到，但无法解决问题。

    jQuery.support.cors = true;
    jQuery.ajax({
        url: serviceUrl,
        beforeSend: function (xhr) {
            xhr.setRequestHeader("SOAPAction", soapAction);
        },
        type: "POST",
        dataType: "xml",
        data: soap,
        success: function(data, textStatus, jqXHR ) {
            // report success
            success.style.display='block';
        },
        error: function (jqXHR, textStatus, errorThrown) {
            // report error
            fail.style.display='block';
            alert(textStatus + ": " + jqXHR.status + " / " + errorThrown);
        },
        contentType: "text/xml; charset=utf-8"
    });

浏览器版本：IE 9、Firefox 23.0.1

Answer 1

这是因为同源政策。您不能使用 ajax 调用外部站点。如果你真的要使用，你必须使用JSONP。或者您可以为此使用服务器端代理。意思是，在服务器端调用外部站点并对那个 web 服务进行 ajax 调用。