使用jquery将外部站点加载到div中

Question

我希望能够将外部网站加载到div中 - 例如googles主页。

我试过了：

$('#myDiv').load("http://www.google.com");

没有这样的运气。

非常感谢任何帮助。谢谢。

Answer 1

您无法直接执行此操作，因为您尝试加载的网站位于不同的域中，并且浏览器策略禁止这样做。有两种方法：

• JSONP - 仅适用于页面，您可以编辑
• PHP代理：通过您网站上的php脚本加载您的页面

Answer 2

您的浏览器专门用于防止您这样做。有关详细信息，请参阅same origin policy。

您有两种加载内容的选项：您可以将外部内容放在IFRAME中，这样可以让您的脚本显示不同的页面，但不会以编程方式与其内容进行交互;或者您可以使用带有代码的jQuery将托管在您自己的服务器上的内容放入div中。

Answer 3

我认为您只能使用jquery从同一个Web服务器加载内容，但我可能错了

Answer 4

你想做的是危险的，应该避免。您已经提供了跨域请求的示例，并且大多数浏览器阻止您执行此操作。您违反了same-origin policy。

如果确实需要，请使用<iframe src="http://www.google.com"></iframe>。

还有一个假设的jQuery和YQL解决方案，但我会让你嗅出那个。

Answer 5

$('#myDiv').html('<iframe src="http://google.com" width="100%" height="300">');

基本，但会做到这一点