從其他網站顯示div

Question

有沒有辦法使用iframe或其他方法顯示另一個網站上的命名div？

我想在一些數據拉從政府網站到谷歌地圖，當他們點擊點我想從該網頁上顯示的div的一個方面的信息。

Answer 1

我假定您確定該div的ID在該其他網站。

如果是。使用Jquery Ajax將網站內容拉入您網站的隱藏iframe中。然後將div-in-question的內容提取到某個變量中，然後就可以將它用於您的目的（解析html表格數據或執行任何操作）

放棄iframe的內容，以便您沒有不必要的項目你的頁面的DOM。

Answer 2

你將不得不使用或者JSONP或中間代理來檢索的數據（即使用curl庫PHP腳本）。

JSONP功能包含在衆多JavaScript庫如MooTools的和jQuery。這是我會用的方法。

MooTools的：http://mootools.net/docs/more/Request/Request.JSONP

的jQuery：http://docs.jquery.com/Release:jQuery_1.2/Ajax

一旦檢索到的DIV位於頁面的身體，你可以使用正則表達式來提取特定的DIV元素的信息。

Answer 3

1. Ajax調用
2. 內務服務從頁面刮HTML
3. 使用XPath選擇/ SGML解析器股利
4. 返回Ajax調用處理程序
5. 替換的內容您div

但是還有其他問題，即刮他人的網站的內容wi他們的許可是壞的。

他們可能會或可能不會在意，但你仍然應該尋求權限，或者有一天你會發現你的網站服務器從他們的網站列入黑名單。或者更糟......特別是政府網站。

你或許應該去搞清楚如何正確地得到所需要的數據（也許有一個API的地方），然後使你自己的版本。

Answer 4

使用jQuery，你應該能夠正好與負載功能。這裏是一個小例子，一個名爲test.html的網頁上獲得ID爲「容器」的容器：

$('#contentDiv').load('/Test.hmtl #container'); 

您可以訪問jQuery文檔here更多信息