H5 網站如何實現返回上一頁並自動重新整理

熊能發表於2019-06-17

在會員中心等頁面常常會遇到進入內頁修改資訊,返回前一個頁面需要更新資訊的場景。

用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,修改資訊之後觸發重新整理條件即可。

相關文章