window.history.back()でキャッシュを使用し上位ページに戻る際にデータをリフレッシュしない
ブラウザはwindow.history.back()で戻る時はキャッシュからロードし、再リクエストしません。そのためページのデータが更新されません。これはブラウザが高速化や通信量の節約のために一度アクセスしたページをキャッシュに格納しているためです。
データの更新を伴う前のページに戻りたい場合は、次の方法を試してください。
- location.reload()
- ページを再読み込み
window.history.back();
location.reload();
- ウインドウ.addEventListener(‘ページショー’, 関数(){})
window.addEventListener('pageshow', function(event) {
if (event.persisted) { // 判断页面是否是从缓存中加载的
// 执行数据刷新操作
}
});
これらのメソッドは、前のページに戻った際にデータをリフレッシュするのに役立ちます。具体的なアプリケーションのシーンに応じて適切なものを選んでください。