触屏网站如何实现返回并刷新

转载于 2017-07-26 10:31:00 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/667252

本文介绍了一种使用Cookie记录页面状态以实现返回时自动刷新的方法。通过引入js-cookie库简化操作，适用于会员中心等需要频繁刷新信息的场景。

目的

在会员中心等页面常常会遇到进入内页修改信息，返回前一个页面需要更新信息的场景。

思路

用COOKIE记录当前页面是否需要刷新，返回之后再刷新一次页面。

方案

下载js.cookie.js然后引入到项目中

https://github.com/js-cookie/js-cookie

先来一个最简易的版本：

$(function (){
            var isReload = Cookies.get('member_index_reload');
            if(isReload == 1){
                location.reload();
                Cookies.set('member_index_reload', 2);
            }
            $('a').click(function (){
                Cookies.set('member_index_reload', 1);
            });
        })

这个代码是放在需要刷新的页面，作用是无论点击进入了任何内页，返回之后总是刷新一次。

如果有更精细的需求的话，只需要在内页也引入js-cookie，修改信息之后将触发刷新的条件设置为真即可。