跨域xmlhttp

Question

我正在编写这个 javascript，它将在其他几个域中使用，这些域调用 php 脚本（仅在我的域上）来返回数组。我正在使用 xmlhttp，在我的域上测试时它效果很好，但是一旦从单独的域放置或调用 javascript，它就会完全崩溃。有人知道如何跨域请求吗？

注意：我必须执行一个奇怪的小技巧，以允许我进行两个单独的调用，并确保它们在处理之前都被返回。无论如何，这每次在我的域上都运行得很好。

这是调用我的数组 php 代码的 javascript 文件

function getUrls(){
if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
    xmlhttp2 = new XMLHttpRequest();
}
else {
    // code for IE5 and IE6
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    // code for IE5 and IE6
    xmlhttp2 = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200 ) {
        parsedJSONurls = JSON.parse(xmlhttp.responseText);
        xmlhttp2.open("GET", "http://mydomain.com/connect.php?q=companies", true);
        xmlhttp2.send();
    }
}
xmlhttp2.onreadystatechange = function(){
    if (xmlhttp2.readyState == 4 && xmlhttp2.status == 200) {
        parsedJSONcompanies = JSON.parse(xmlhttp2.responseText);
        runLoop(parsedJSONurls, parsedJSONcompanies);
    }
}
xmlhttp.open("GET", "http://mydomain.com/connect.php?q=urls", true);
xmlhttp.send();

}

Answer 1

请尝试将此标头添加到您的 connect.php 文件

header('Access-Control-Allow-Origin: http://domain1.com, http://domain2.com');

如果您想允许所有域而不是白名单，

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

https:// developer.mozilla.org/en/http_access_control

Answer 2

其原因是同源政策。它的目的是阻止恶意脚本访问其他网站的敏感数据。您应该考虑编写 JSONP 请求作为您的问题的解决方法。

Answer 3

我去年开始创建一个持续社区维基，它解释了许多方法规避同源政策。最有可能在那里找到适合您情况的解决方案。

Answer 4

和其他的一样，都是同源政策造成的。
假设页面位于“a.com”，无论 JavaScript 文件在哪里，
只要使用XMLHttpRequest方式，就只能访问a.com的数据。
即使子域 aacom 也无法访问 a.com。

您可以有 2 个选项：

1) 使用

function getUrl(url) {
    var scriptEl = document.createElement("script");
    scriptEl.src = url;
    scriptEl.async = true;
    document.getElementsByTagName("head")[0].appendChild(scriptEl);
}
// Predefined callbacks
window.companyCallback = function (responseData) {
    parsedJSONCompanies = responseData;
};
window.urlCallback = function (responseData) {
    parseJSONurls = responseData;
};
getUrl("http://mydomain.com/connect.php?q=companies");
getUrl("http://mydomain.com/connect.php?q=urls");

当然你也必须修改你的PHP以满足需要。

<?php
header("content-type: application/json");
if ($_GET['q'] === "urls")
{
    echo "companyCallback(";
    json_encode($result);
    echo ");";
}
else
{
    echo "urlCallback(";
    json_encode($result);
    echo ");";
}
?>

2) 将 proxy.php 放在不同的域中
以上方法是我推荐的。
如果您不想大量修改代码，请改用代理技术。
您必须具有在不同主机上添加 proxy.php 的权限。
内容如下：

<?php
$url = "http://mydomain.com/connect.php?q=" . $_GET["q"];
$ch = curl_init($url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$result = curl_exec($ch);
echo $result;
?>

注意：注意安全问题，需要检查请求来自哪里。

在 JavaScript 中，您只需将 xmlhttp.open() 中的 url 指向同一个 PHP 域。

xmlhttp.open("proxy.php?q=urls", true);

希望有帮助。

Answer 5

就像其他人所说的那样，您可以使用 JSON-p ），或者如果浏览器支持（新 A -分级浏览器这样做） CORS 你可以用它来代替。

Answer 6

如前所述，大多数非 html5 不允许跨浏览器 ajax 请求。为了解决这个问题，我调用了一个远程 JavaScript 脚本。

添加一行

<script type="text/javascript" src="http://www.somemedomain.xxx/myjavascript.php?arg1=xxx&arg"> 

使用javascript在其他服务器上的myjavascript.php文件上

，就可以处理、收集从浏览器收集的信息。您必须将 php 文件编码为 javascript。

header( "content-type: application/javascript" ) //check php.net

这将在 ie6+ 中工作