跨域 javascript ajax 请求 - 状态 200 OK 但没有响应

Question

这是我的情况： 我创建了一个小部件，站点管理员可以将其嵌入到他们的站点中，并且数据存储在我的服务器中。所以脚本基本上必须向我服务器中的 php 文件发出 ajax 请求来更新数据库。对？对 ：） 当我在我的 本地服务器 中运行 ajax 请求 效果很好 但是当 php 文件在我的 ONLINE 上时它确实不起作用 服务器。 这是我使用的代码：

var url = "http://www.mydomain.net/ajax_php.php";
var params = "com=ins&id=1&mail=mymail@site.net";
http.async = true;
http.open("POST", url, true);       

http.onreadystatechange = function() {

    if(http.readyState == 4 && http.status == 200) {

    //do my things here
    alert( http.responseText ); 

    }
}
http.send(params);

在萤火虫中显示：http://www.mydomain.net/ajax_php.php 200 OK X 600ms。

当我检查 ajax responnseText 时，我总是得到一个 Status:0

现在我的问题是：“我可以默认执行跨域 ajax 请求吗？这可能是跨域 ajax 问题吗？因为它在请求的文件驻留在我的本地服务器中时有效，但在请求时无效文件在另一台服务器上，我认为对另一台远程服务器的 ajax 请求可能会被拒绝？你能帮我澄清一下吗？ 谢谢..

Answer 1

不允许直接跨域请求。但是，有一种称为JSONP 的常用技术可以让您通过使用脚本标签来避免这种限制。基本上，您创建一个具有已知名称的回调函数：

function receiveData(data) {
    // ...
}

然后您的服务器将 JSON 数据包装在一个函数调用中，如下所示：

receiveData({"the": "data"});

然后您通过向您的页面添加script 标记来“调用”跨域服务器。 jQuery 在其 ajax 函数中优雅地包装了所有这些。

我有时不得不使用的另一种技术是通过 iframe 进行跨文档通信。您可以通过postMessage 以受限的方式让一个窗口与另一个窗口对话，甚至可以跨域对话。请注意，只有最近的浏览器才有此功能，因此如果不求助于骇客，该选项并非在所有情况下都可行。

Answer 2

您需要通过JSONP 电话将您的回复发送回您的客户。

您需要做的是将您对数据的请求包装在脚本标记中。您的服务器将响应包含在函数调用中的数据。通过将脚本下载为外部资源，您的浏览器将执行脚本（就像添加对外部 JS 文件（如 jQuery）的引用）并将数据传递给已知的 JS 方法。然后，您的 JS 方法将获取数据并执行您需要执行的任何操作。

涉及很多步骤。使用像 jQuery 这样的库可以为此提供很多支持。

希望这会有所帮助。