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

Question

我有一个 php 页面，其中包含 Home、About Us、Profile 等菜单。现在在主页上，如果单击“About Us”链接，该页面不会重新加载，而是“About Us”的 Ajax 响应显示在主 div 中. 但是如果用户现在重新加载窗口，主页的信息就会显示出来，但我想在主 div 中保留“关于我们”的信息，就像页面重新加载之前一样。预先感谢 ...

Answer 1

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

喜欢#!/About-us

在你的代码中检查你是否有一个哈希，如果是，则进行正确的渲染。 这是该技术的一个非常幼稚的实现。我强烈建议您看一下其中的许多出色框架。

HTML：

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

Javascript：

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

var hash = window.location.hash;

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

演示

有很多框架可以帮助您实现这一目标：

crossroads.js
Finch.js
David.js
jQuery BBQ

这是关于它们的stackoverflow讨论。这是一个关于为什么而不仅仅是#!/About-us#About-us