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

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

作者: 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