保存XHR呈現在瀏覽器狀態刷新

Question

我有像主頁，關於我們的菜單PHP頁面，主頁上現在簡介等如果點擊「關於我們」鏈接的頁面不被重載，而不是Ajax響應「關於我們」顯示在主格中。但是，如果用戶現在重新加載窗口，主頁的信息會顯示出來，但我希望將主頁div中的「關於我們」信息保留在頁面重新加載之前。預先感謝...

Answer 1

你需要做一些事情比如增加一個散列的網址，以便您可以重新渲染你頁面的右側狀態。

像#!/About-us

而且在你的代碼檢查，如果你有吸哈希如果這樣做正確的渲染。 Here是這個技術非常天真的實現。我強烈建議你看一看那裏的許多優秀框架。

HTML：

<a href="#!/About-us">About us</a>​ 

的Javascript：

function renderAbout() { 
alert("render about"); 
} 

var hash = window.location.hash; 

if (hash === "#!/About-us") 
    renderAbout(); 
​ 

demo

有很多框架，以幫助您實現這一點：

crossroads.js
Finch.js
David.js
jQuery BBQ

Here是關於他們一個計算器discusion。 而here是方案探討到爲什麼#!/About-us並不僅僅是#About-us