javascript - 交叉请求错误：“访问控制允许来源不允许来源”？

Question

我正在尝试从我的一个站点加载另一个站点的内容：

<div id='include-from-outside'></div>
<script type='text/javascript'>
  $('#include-from-outside').load('http://lujanventas.com/plugins/banner/index.php&callback=?');
</script> 

但我收到了这个错误：

XMLHttpRequest cannot load http://lujanventas.com/plugins/banner/index.php&callback=?. Origin http://lventas.com is not allowed by Access-Control-Allow-Origin.

我怎样才能防止它发生？

Answer 1

有两种选择：

1：使http://lujanventas.com返回正确的 CORS 标头 -- http://enable-cors.org/

2：使用您的服务器而不是浏览器中的 js 请求 html -- http://www.daniweb.com/web-development/php/code/216729/php-proxy-solution-for-cross-domain-ajax -脚本

Answer 2

您使用的 url 表明该站点支持 JSONP（请参阅http://en.wikipedia.org/wiki/JSONP）。如果是这样，您应该可以这样做：

<script type="text/javascript">
    function handleResponse(json){
       var data = JSON.parse(json);
       ...handle data...
    }
</script>
<script src="http://lujanventas.com/plugins/banner/index.php?callback=handleResponse"></script>

Answer 3

使用 jquery ajax 查询加载 lujaventas 内容的 php 文件，然后 ajax 回调将是 lujaventas 内容。