使用jQuery将外部URL加载到div中

Question

我想将整个网站加载到div中。当我使用

$(document).ready(function(){
        $('#result').load('http://www.yahoo.com');
    });

它不起作用。

Answer 1

使用javascript进行跨域调用。您可以使用iframe加载。 请查看此link以获取可能的解决方案。

Answer 2

这是一个跨域问题 您可以在服务器上创建代理以获取数据，然后从您自己的域中加载它。

Answer 3

你是什么意思“整个网站”，如果你指的是一个给定的页面，那么它可能需要所有方式的包含文件，这些文件不适合进入你的页面正文。

您需要使用IFRAME，只需创建IFRAME元素并将源设置为您想要的URL。

Answer 4

虽然我不确定您将“整个”网站加载到div中的用例 - 您受“同一域”安全策略的限制，为了进行跨域AJAX调用，您需要使用JSONP调用{{ 3}}

Answer 5

您不能这样做，除非您加载的内容来自与您加载的网站相同的域名，因为JavaScript Same Origin Policy。

您的替代方案：

• 将内容加载到iframe
• 通过HTTP get拉出内容服务器端，并将其写入您的页面

如果您没有使用内容的权限，请注意第二个选项的许可问题！