如何使用ajax / jquery而不是iframe来调用外部页面？

Question

我需要将另一个页面例如http://www.google.com调用到我的特定div。我使用了ajax ......

$.ajax({
     url : 'http://www.google.com',
     success : function (data)
     {
         $('#my-div').html(data);
     }
});

但它不起作用....有没有更好的方法而不是使用<iframe>？

Answer 1

由于同源策略，您的代码将无效（如果您的ajax代码位于 www.mysite.com ，则只能向 www上的其他文件发送ajax请求。 mysite.com ）。

以下是两种常见的解决方案：

1）如果您可以编写服务器端代码，则可以使用scrape使用cURL来管理您自己的域JSONP www.google.com并返回响应。

2）使用ajax，您可以使用jquery doc，但有一个条件是服务器（在您的情况下为www.google.com）配置了JSONP响应。查看https://jsfiddle.net/99x50s2s/52/了解如何使用JSONP。