H5 返回并刷新

目的

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

思路

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

你可能感兴趣的:(H5 返回并刷新)