シングルページ アプリケーションで [戻る] ボタンを使用するときにデータが古くならないようにするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-10-26 19:46:02
オリジナル
754 人が閲覧しました

How to Prevent Stale Data When Using the Back Button in Single-Page Applications?

戻るボタンをクリックしてページを更新

戻るボタンを使用して移動すると、特に .htaccess を使用してトラフィックをルーティングする場合に、意図しない動作が発生することがよくあります。単一のページに。この問題は、「戻る」ボタンがページのキャッシュされたバージョンを取得することによって動作し、その結果データが古いために発生します。

これに対処するには、次の代替ソリューションを検討してみましょう:

タイムスタンプ付きページ

タイムスタンプを表示する新しい PHP ファイルを作成します。これにより、ページがいつ更新されたかを識別できるようになります。

<code class="php"><?php
header("Cache-Control: no-store, must-revalidate, max-age=0");
header("Pragma: no-cache");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
echo time();
?>
<a href="http://google.com">aaaaa</a></code>
ログイン後にコピー

このアプローチにより、戻るボタンを使用したときにページが常に再読み込みされます。

隠しフィールド バックアップ

もう 1 つの解決策には、動的に作成された要素の現在の状態を保存する非表示のフォーム フィールドを作成することが含まれます。ページの読み込み時に、このフィールドを使用して要素を復元できます。

<code class="html"><input type="hidden" id="refreshed" value="no">
<script type="text/javascript">
onload=function(){
var e=document.getElementById("refreshed");
if(e.value=="no")e.value="yes";
else{e.value="no";location.reload();}
}
</script></code>
ログイン後にコピー

このアプローチでは、戻るボタンを使用した後でもページの状態が維持されます。

以上がシングルページ アプリケーションで [戻る] ボタンを使用するときにデータが古くならないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!