頁面後退重新整理頁面實現方案

在開發中經常會遇到在一個頁面操作完返回上一個頁面，此時要求上個頁面展示最新資料的需求。

比如 A1為上一個頁面，A2為當前頁面

1.A1需要加監聽歷史記錄點

window.onpopstate=function(){

    // 獲得儲存在該歷史記錄點的json物件
    var  json=window.history.state;// 獲得的json為null時則無需重新整理
 
    if(json){
 
        window.location.reload();
 
    }
 
};

2.跳轉A2前需要先替換當前歷史記錄點

var  json={time:new Date().getTime()};

window.history.replaceState(json,"",window.location.href+"&t="+new Date().getTime());

window.location.href= A2;

3.A2返回A1

window.history.back();

返回了A1頁面同時A1頁面進行了重新整理！
　　
　　Wonderful！