URL更改動畫

Question

Bleacherreport在其網站上有一個功能，可讓您使用箭頭鍵在故事之間進行瀏覽。儘管這沒什麼特別，但我想了解他們是如何做到的，並更改瀏覽器地址欄中的網址。

通過AJAX加載新內容是一回事，但我從來沒有在刷新URL的時候看到它完成。從一個內容到另一個內容還有一張幻燈片。

例如： http://bleacherreport.com/articles/1295213-in-depth-look-at-the-business-behind-a-holdout

使用箭頭鍵

Answer 1

他們是不是真正的 「提神」 的URL。正如你所說的，他們正在使用AJAX獲取新內容，然後一旦加載，更新URL（可能通過window.history.pushState）以匹配該特定文章的路由（這樣，如果您確實刷新了頁面，你仍然會被帶到相同的內容）。

您可以手動執行此操作（使用前述的window.history.pushState），或者有很多處理客戶端URL路由的框架，例如Backbone.js和Sammy.js。