js实现浏览器后退页面刷新

Posted 2020-09-27 铁猛

最近在开发中遇到一个问题：

在一个列表页面，点击进入详情，详情页面对其状态操作，其详情页面有做修改，然后点击浏览器后退，返回到列表页，在列表页面状态还是操作之前的，为解决状态统一需要手动刷新改列表页。通过一番折腾，终于查到相关的解决方案，实现方式如下：

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();
    }
});