在浏览器刷新时保存XHR渲染状态
Save XHR rendered state upon browser refresh
我有一个php页面,上面有Home、About Us、Profile等菜单。现在在主页上,如果单击"About Us"链接,页面不会被重新加载,而是在主div中显示Ajax响应"About Us"。但如果用户现在重新加载窗口,主页的信息就会被显示,但我想在主div中保留"About Us"信息,就像在页面重新加载之前一样。提前感谢。。。
您需要做一些事情,比如在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();
演示
有很多框架可以帮助您实现这一点:
十字路口.js
Finch.js
David.js
jQuery BBQ
这是一个关于他们的堆叠式讨论。这里讨论了为什么#!/About-us
而不仅仅是#About-us
相关文章:
- 事件和状态
- 获取选择框的状态
- 相位器状态未捕获参考错误
- 如何更改reactjs中外部/独立组件的状态或属性
- 如何使用密码检测网络中的状态连接
- Ember.js-接口状态应该存储在哪里
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 在Angular 2中布线期间保持零部件处于活动状态
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- XMLHttpRequest未返回值-状态202
- 使用javascript反复检查用户在facebook上的登录状态
- 如何使bxslider仅在移动视图中处于活动状态
- 获取ASP.NET Ajax Timer状态
- React redux初始化功能,无论状态变化如何
- 在浏览器刷新时保存XHR渲染状态
- 从回调函数获取xhr状态
- Jquery ajaxrequest xhr.状态代码为0,但html状态代码为200
- 语法错误:意外的标记<'/ & # 39; xhr.200 & # 39;状态
- XHR上传在firefox中返回状态0
- 如何重试xhr请求,该请求在状态0时递归返回promise至少n次