2012-12-15 52 views
0

有點不尋常的設置:動態加載和解析HTML中的本地HTML?

我正在寫一個html頁面,然後加載另一個html頁面,解析它,分析它,並顯示它的信息。

使用jQuery解析相當簡單。我只需要弄清楚如何加載外部頁面 - 也就是說,當頁面A顯示在瀏覽器中時,它需要加載頁面B,分析頁面B並顯示關於頁面B的信息。

這兩個頁面都是本地(不通過網絡服務器提供)。

兩個load和jQuery的ajax運行到跨域權限問題:

XMLHttpRequest cannot load file://localhost/Users/me/test.html. Origin null is not allowed by Access-Control-Allow-Origin. 

我可以用腳本標籤加載該頁面,但我不知道如何訪問它,我可以解析它:

<script type="text/html" src="test.html"></script> 

任何想法?

+0

「我在做X.我該如何做X?」這是最奇特的。你想解決什麼問題?爲什麼不按照慣例來處理它? –

+0

傳統方法是什麼? – Parand

+0

您是否在使用相對URL(/Users/me/test.html)或完整網址(http://localhost/User/me/test.html)來$ .load? – qooplmao

回答

0

你有沒有想過使用JavaScript/jQuery來創建一個iframe? (你可以使用CSS來讓iframe對最終用戶隱藏)。然後,你可以監聽iframe的onload事件,並通過iframe的contentDocument元素解析它(我相信)。

+0

您將遇到XSS問題有了這個。 –

+0

如果它們都來自同一個域,這聽起來像OP正在嘗試做的,不是。 – JacobEvelyn

+0

然而'從jQuery負載和Ajax運行到跨源許可問題' –