如何使用URL更改而不是頁面重定向進行ajax加載？

如果你仔細注意Facebook，你會明白，當你訪問一個頁面到另一個頁面時，整個頁面不會刷新或重定向，但URL更改爲導航到新頁面時。當聊天窗口打開，他們在頁面加載過程中保持靜態時，它是更清晰。正如其他網站通過使用＃這樣做，但Facebook不會。如何使用URL更改而不是頁面重定向進行ajax加載？

還有一個例子來到我的面前：http://www.davidwalsh.name/。訪問該網站並在其網站中打開其他頁面，您將明白我的意思。不要忘記注意URL的變化。

他們是怎麼做到的？

添加更多：我想要一種方式，將頁面內容加載到Ajax，更改書籤功能的URL，但是當更改URL時，它不應該通過不使用＃（散列）重新加載/刷新頁面。

來源

2012-12-12 Sukanta Paul

對於Facebook，Google「哈希導航ajax」。對於DavidWalsh，谷歌「歷史API」。 – andytuba

很棒@andytuba ...謝謝你的朋友！這是我想要的。當你評論這個我不能接受答案:( –

不用擔心，很高興它幫助你。也許複製意大利麪和「回答我自己的問題」只是爲了添加複選標記？ – andytuba

至於建議的@andytuba

對於Facebook，谷歌「哈希導航AJAX」。

對於DavidWalsh，谷歌「歷史API」。

來源

2012-12-15 02:56:01

你有兩個問題：

對於URL變化，你可以把路徑，而不是＃在錨的href屬性（例如/ otherlink）。

對於打開聊天或打開某些div不需要將其發送到URL中，其div上的onclick事件及其擴展。當聊天第一次打開時，聊天保持打開狀態可能是泰式設置cookie或標誌，並檢查並更改聊天信息並設置標誌。

來源

2012-12-12 15:53:41

謝謝@Tariq您的迴應。但我對不起，你不明白我想問什麼，我想要一種方式，頁面內容將加載一個Ajax，更改書籤功能的URL，但是當更改URL時，它不應該重新加載/刷新頁面你說的方式只會讓我有一種方式來保持當頁面重定向到另一個時，這不是我的問題。 –

我的理解是你想用ajax加載一些內容，但不是使用錨刷新頁面。所以使用return false;關於錨的onclick事件。您可以使用link –

如何使用URL更改而不是頁面重定向進行ajax加載？

回答

相關問題