如何使用jQuery從外部頁面加載內容？

Question

是否有可能使用jquery將外部頁面（而非相對）的內容加載到div中？ 我的意思是由外部頁面例如像其他Web應用程序：http://www.yahoo.com 有代碼：

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

當我使用螢火我得到了這樣的結果： Firebug result http://devville.net/blog/wp-content/uploads/2010/05/jQuery-LoadExternalContent.png

你看到這裏，我強調響應代碼，它是200，這意味着確定，但仍然沒有加載內容。 有誰知道原因？

Answer 1

在標準安全上下文中，如果不使用JSON-P等技巧或通過自己的服務器代理數據，則無法訪問遠程URI上的數據。 same origin policy阻礙。

Answer 2

您可以向服務器端（不是客戶端）上的yahoo.com內容獲取並將其返回給您的相同域中的腳本發送請求。

Answer 3

爲了說明「跨域」，下表提供了針對URL「http://www.example.com/dir/page.html」進行檢查的典型結果概述。 alt text http://img682.imageshack.us/img682/7650/crossdomain.gif

source

狀態== 200也只是意味着該URL存在...