美文网首页
触屏网站如何实现返回并刷新

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

作者: fourn熊能 | 来源:发表于2017-07-26 10:31 被阅读14次

    目的

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

    思路

    用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,修改信息之后将触发刷新的条件设置为真即可。

    相关文章

      网友评论

          本文标题:触屏网站如何实现返回并刷新

          本文链接:https://www.haomeiwen.com/subject/biynkxtx.html