如何使用jQuery从外部页面加载内容？

Question

是否可以使用jquery将内容从外部页面（非相对）加载到div中？ 我的意思是外部页面是另一个Web应用程序，例如：http://www.yahoo.com 有代码：

$("#externalContent").load("http://www.yahoo.com", function () {
    alert("loading finish");
});

当我使用firebug时我得到了这个结果： Firebug result http://devville.net/blog/wp-content/uploads/2010/05/jQuery-LoadExternalContent.png

你看到这里，我突出显示了响应代码，它是200，这意味着好，但仍然没有加载内容。 有人知道原因吗？

Answer 1

为了说明“跨域”，下表概述了针对URL“http://www.example.com/dir/page.html”进行检查的典型结果。 alt text http://img682.imageshack.us/img682/7650/crossdomain.gif

source

status == 200只是意味着网址存在......

Answer 2

在标准安全上下文中，如果不使用JSON-P等技巧或通过自己的服务器代理数据，则无法访问远程URI上的数据。 same origin policy妨碍了我们。

Answer 3

您可以在同一个域上向您的脚本发送请求，该域将在服务器端（而非客户端）抓取yahoo.com内容并将其返回给您。