使用jQuery添加外部網頁到div的

，我有以下的代碼，而阿賈克斯需要div並追加了一些內容加載GIF：使用jQuery添加外部網頁到div的

var loader = '<img id="loader" src="loading.gif"/>'; 

$(loader).appendTo('#container').load(function() { 
    $('#container').find('#loader').delay(3000).fadeOut(function() { 
     $('#container').append('content') 
    }) 
});

我怎麼能修改此代碼，以便代替附加'content'的，它會從外部網頁追加div。

例如，GIF將淡出，並且容器div內部將爲www.somesite.com #somediv。

感謝，
凱蒂

來源

2012-10-19 katie bekell

通過使用Yahoo!的YUL library可以實現跨域XHR。它基本上使用服務器來獲取內容，以繞過policy，如Hamish所述。

欲瞭解更多信息，請訪問：The jQuery Cross-Domain Ajax Guide

來源

2012-10-19 03:34:29

我認爲我所要做的比我所問的要簡單得多我想要做的就是加載gif，它運行x即使ajax請求完成的時間量 - 我試圖讓電視顯示靜態，而內容被提取這裏是我工作的網站www.uvm.edu/~areid/test/demo.html –

@katiebekell - 關鍵是你不能'從外部網頁追加div'。這是同源策略禁止的。 –

我可以使用除追加以外的東西嗎？我的印象是，ajax是用於在不重新加載頁面的情況下獲取內容。也許我只是困惑追加與另一個功能？ –

你不能因爲Same Origin Policy限制。

但是，您可以使用iframe將部分整頁頁面嵌入到頁面中。

來源

2012-10-19 03:20:42 Hamish

什麼是在這段代碼加載功能 - 我認爲這是AJAX是用來做正是 –

@Hamish - 你還應該添加一個側面說明iframe無法在帶有x-frame deny標頭的網頁中使用。例如，[Google]（http://www.google.com/） –

使用jQuery添加外部網頁到div的

回答

相關問題