在開發中經常會遇到在一個頁面操作完返回上一個頁面,此時要求上個頁面展示最新數據的需求。
比如 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!