2011-11-18 40 views
2

我試圖使用Ajax將我的內容加載到div中。到目前爲止,我已經成功地加載了它。不過,我不知道如何處理的時候......將外部內容加載到div時導航

  1. 用戶輸入的URL(http://www.example.com/#page.html)是應該引導他們到 頁面加載與正確的內容。 (現在它只是正常加載它。)
  2. 當用戶在瀏覽器上點擊BACK按鈕時,它應該正確導航。

歡迎任何建議和疑慮。感謝你的協助。

+0

對於情況B的clary化:你的意思是'應該正確導航'? – reporter

回答

0

情況下的

在加載頁面,讓JavaScript的檢查是否有一個目前哈希並採取相應的行動。如果存在散列,則基於散列加載內容,否則顯示默認頁面。 (一定要驗證哈希!)

var hash = window.location.hash /* get the hash from the url */ 

情況B

假設你經常'從哈希散列的瀏覽,瀏覽器應該已經正確地做到這一點。要求是你如上所述實施案例A.


例子:

  1. 您訪問example.com
  2. 您點擊example.com/ #MyAwesomeAjaxLoadedContent
  3. 您點擊example.com/ #MoreAwesomeAjaxContent
  4. 你點擊後退按鈕,你 example.com/ #MyAwesomeAjaxLoadedContent

現在是如果實現情況下的正確,你的瀏覽器現在應該顯示example.com/MyAwesomeAjaxLoadedContent

+0

但是,如果我使用Ajax並且不會導致回發,那麼我無法在頁面加載上正確地做到這一點? – Ber53rker

+0

檢查頁面加載的散列,對於初始頁面加載後發生的情況,請看一下這個問題:http://stackoverflow.com/questions/680785/on-window-location-hash-change – Willem