AJAX加載的網址，但沒有散列

Question

現在我有我的網站設置，使每個網頁的網址是http://www.tri-peoria.org/#Schedule或http://www.tri-peoria.org/#JoinUs，這樣我就可以使用AJAX加載程序來更改頁面，而無需重新加載標題。我將如何得到我的網址，而不會散的工作，使他們看起來像http://www.tri-peoria.org/Schedule或http://www.tri-peoria.org/JoinUs？

Answer 1

您可以使用歷史API來實現這一點，假設你正確地處理服務器上的所有這些網址（意思是，他們都去同一個頁面）。

看history.pushState().replaceState()和.popState()

https://developer.mozilla.org/en-US/docs/DOM/Manipulating_the_browser_history

（請注意，這並不在IE9以下工作）

Answer 2

使用history.pushState方法。有一些支持的問題，所以我建議你使用一個lib像https://github.com/browserstate/History.js/。