js实现浏览器后退页面刷新
2017-07-11 08:39
531 查看
最近在开发中遇到一个问题:
在一个列表页面,点击进入详情,详情页面对其状态操作,其详情页面有做修改,然后点击浏览器后退,返回到列表页,在列表页面状态还是操作之前的,为解决状态统一需要手动刷新改列表页。通过一番折腾,终于查到相关的解决方案,实现方式如下:
1、在页面中增加隐藏域 <input type="hidden" id="refreshed" value="no">
2、通过js设置和获取隐藏域值来自动刷新页面
在一个列表页面,点击进入详情,详情页面对其状态操作,其详情页面有做修改,然后点击浏览器后退,返回到列表页,在列表页面状态还是操作之前的,为解决状态统一需要手动刷新改列表页。通过一番折腾,终于查到相关的解决方案,实现方式如下:
1、在页面中增加隐藏域 <input type="hidden" id="refreshed" value="no">
2、通过js设置和获取隐藏域值来自动刷新页面
$(function(){ var e=$("#refreshed"); if(e.val()=="no") { e.val('yes'); }else{ e.val('no'); location.reload(); } });
相关文章推荐
- js实现用户点击浏览器后退时刷新页面问题
- 浏览器后退后,刷新一次页面的实现。只有一次哦
- 用JS实现的控制页面前进、后退、停止、刷新以及加入收藏等功能
- Ajax请求如何实现页面无刷新前进后退,将ajax请求保存至浏览器历史记录
- JS实现浏览器部分自带的前进后退及刷新等功能
- 【JS】:JS实现页面的刷新,后退和前进
- 用JS实现的控制页面前进、后退、停止、刷新以及加入收藏等功能
- js禁用浏览器后退功能、自动刷新页面
- JS实现浏览器部分自带的前进后退及刷新等功能
- pushState()、popstate事件配合ajax实现浏览器前进后退页面局部刷新
- 利用js实现对页面的自动刷新
- 基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页
- js实现页面自动刷新方法总结(转)
- js禁止页面刷新后退
- js实现页面定时跳转刷新【javascript】
- 刷新页面实现方式总结(HTML,ASP,JS)(
- JS实现网页开窗刷新 GeT传递参数成功 远程打开页面失败的解决方法
- 刷新页面实现方式总结(HTML,ASP,JS)
- JS实现 页面提交防刷新等待提示