当我可以从PHP发出请求时,为什么Ajax会给我一个交叉起源错误？

Question

我可以从PHP发出GET请求并获得正确的响应.这是我使用的功能:

PHP

function httpGet($url)
{
    $ch = curl_init();

    curl_setopt($ch,CURLOPT_URL,$url);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    curl_setopt($ch,CURLOPT_HEADER, false);

    $output=curl_exec($ch);
    curl_close($ch);
    return $output;
}

一个简单的例子:

$fakevalue='iamfake';
$url="http://fakeurl.com?fakeparameter=".$fakevalue;
$jsondata= httpGet($url);
$fake_array = json_decode($jsondata, true);
$weed_var=$fake_array['weeds']; // successfully obtained weed.

此函数返回服务器的响应.

现在我在AJAX中尝试相同的HTTP GET请求,但我无法得到响应.

最初我认为问题出在我使用的JavaScript函数上.Google为我提供了许多用于执行HTTP GET请求的JavaScript函数,但它们都有同样的问题.请求返回错误而不是我使用PHP时获得的数据.

JAVASCRIPT

var fakevalue = "iamfake";

var fake_data = {
    fakeparameter: fakevalue
};

$.ajax({
    url: "http://fakeurl.com",
    data: fake_data,
    type: "GET",
    crossDomain: true,
    dataType: "json",
    success: function(a) {
        $("#getcentre").html(a);
    },
    error: function() {
        alert("Failed!");
    }
});

来自JavaScript的错误

XMLHttpRequest cannot load http://fakeurl.com?fakeparameter=fakevalue. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access.`

我知道你要告诉我使用CORS,但如果是因为没有'Access-Control-Allow-Origin'标题,那么我是如何得到PHP中相同服务的响应？

Answer 1

用PHP(或任何其他服务器上运行,或者独立的应用程序(包括已安装的浏览器扩展的)),您是从Bob的服务器使用请求数据的凭据(你的cookies,您的IP地址,你的一切).

使用Ajax,您要求Alice的浏览器使用她的凭据从Bob的服务器请求数据,然后将这些数据提供给您的JavaScript(然后可以将其发送回您的服务器以便您自己查看).

Bob可能会向Alice提供不同的数据,然后他会给你.例如:Bob可能正在运行Alice的eBanking系统或公司内部网.

因此,除非Bob的服务器告诉Alice的浏览器可以将这些数据提供给您(使用CORS),否则浏览器将阻止您的JavaScript访问该数据.

还有CORS的替代方案,但它们涉及使用非数据格式(JSONP)(也需要Bob的服务器协作)的文件类型分发数据,或让服务器从Bob获取数据然后通过服务器上的URL(或YQL的两个组合)使它可用(这意味着你将获得Bob将给你的数据,而不是Bob将给Alice的数据).