php - 浏览器刷新时保存 XHR 渲染状态

Question

我有一个 php 页面，其中包含“主页”、“关于我们”、“个人资料”等菜单。现在，在主页上，如果单击“关于我们”链接，该页面不会重新加载，而是显示“关于我们”的 Ajax 响应一个主分区。但是，如果用户现在重新加载窗口，则会显示主页的信息，但我想将“关于我们”信息保留在主 div 中，就像页面重新加载之前一样。提前致谢...

Answer 1

您需要执行一些操作，例如向网址添加哈希值，以便重新呈现页面的正确状态。

喜欢#!/关于我们

在你的代码中检查你是否有哈希值，如果是的话进行正确的渲染。 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是关于它们的 stackoverflow 讨论。和here是关于为什么 #!/About-us 而不仅仅是 #About-us

的讨论