如何在不重新加載基於hashtags片段的頁面的情況下加載新內容？

Question

想象我在：

http://example.com/

我點擊含有hashbang fragment identifier一個鏈接，讓我們說：

http://example.com/#!/login

我想它顯示的登錄表單無需重新加載這一頁。這是如何完成的？

Answer 1

看看jQuery Ajax瞭解如何加載新內容，而不刷新頁面，然後可能會移動到BackboneJS並使用其路由器來獲取哈希值。

編輯：

這裏有一個tutorial，我不打算寫一個給你。但歸結起來有一個服務器端能夠爲你提供所需的內容（一種登錄形式），不管它是異步還是同步都是不重要的。然後使用骨幹路由器讀取hash bang並根據這個hash bang調用正確的JavaScript函數，這個JavaScript函數應該存在於Backbone Controller中，並且它應該處理實例化一個新的Backbone View並將其添加到DOM 。骨幹視圖可以添加到預定義的骨幹區域，並且可以加載模板以使事情變得更容易。

Answer 2

如果你想要一個更簡單的解決方案，你應該看看另一個簡潔的答案：Handle URL anchor change event in js。總之，您定期檢查window.location.hash的更改並運行您的JavaScript來調出登錄內容。