使用JQuery / PHP的跨域Ajax请求

Question

帮助，如果您可以-

情况：

http://foobar.com包含一个远程托管的Javacript文件（http://boobar.com/stuff.js）。

目标是从foobar.com上的远程托管php脚本中获取警报

我在stuff.js中尝试了以下代码：

$.ajax({
  type: "GET",
  url: "http://www.boobar.com/script.php?callback=?",
  dataType: 'jsonp',
  success: function(result) { alert(result); }
});

没运气。

$.getJSON("http://www.boobar.com/script.php?jsonp=?",
  function(data) { alert(data); }
);

也没有运气。

在php端，我尝试了以下两种方法：

return json_encode(array(0 => 'test'));

echo json_encode(array(0 => 'test'));

在Firefox中，出现安全错误。我了解它认为我违反了安全模型。但是，根据jquery文档，我应该能够完成此操作。

Answer 1

该错误似乎是Same Origin
Policy的
一项安全功能：为简化起见，您只能在原始服务器（http://foobar.com）上对内容进行AJAX请求。解决此问题的一种方法是在原始服务器上创建一个简单的外观，例如：

 <?php
 // this file resides at http://foobar.com/getstuff.php
 echo file_get_contents('http://www.boobar.com/script.php?callback=?'
          . $possibly_some_other_GET_parameters );
 ?>

然后，从foob​​ar.com，可以使一个AJAX请求http://foobar.com/getstuff.php（这反过来又使一个HTTP
GET请求 从您的Web服务器 来boobar.com并将其发送回浏览器）。

对于浏览器，请求将转到原始服务器，并且被允许（浏览器无法知道响应来自幕后其他地方）。

注意事项：

• foob​​ar.com上的PHP配置必须allow_url_fopen设置为“ 1”。尽管这是默认设置，但某些服务器已将其禁用。
• 对www.boobar.com的请求是从foobar.com 服务器 发出的，而不是从浏览器发出的。这意味着，无论您输入请求URL（“ $possibly_some_other_GET_parameters”）中的任何内容，都不会将Cookie或用户身份验证数据发送到www.boobar.com 。