jquery - ページがAjax経由で変更されたときにキャッシュを無効にする方法は?

Question

編集時に Ajax を介して更新される編集可能な機能を含むページがあります。ページが読み込まれるときに読み込まれるように、Cookie に保存される値がいくつかあります。ユーザーが変更を行った後、別のページに移動し、戻るボタンをクリックして戻ると、元のページが新しい値なしでキャッシュから読み込まれます。ユーザーがページを更新すると、変更が Cookie から再読み込みされ、正しい値が表示されます。ページが動的に変更されたときにキャッシュを無効にすることはできますか? ブラウザのキャッシュを利用できるようにしたいので、できればブラウザのキャッシュを無効にするページを常に作成したくありません。任意の推奨事項をいただければ幸いです。

Answer 1

そもそも Ajax を介してデータをロードできます。

 $(document).ready(function(){
     $.get("your_ajax_url");
 });

次に、戻るボタンを押すと、ajax 呼び出しが繰り返され、サーバー側で適切に設定されたキャッシュまたは Etag ヘッダーを使用して http 応答を送信します。

Answer 2

HTTP 応答でキャッシュ ヘッダーを設定する必要があります。

テクノロジーに応じて、Web サーバー (問題の URL に基づくなど) またはコード (フレームワークまたは API 呼び出しを使用してヘッダーを設定するなど) でそれを行うことができます。

具体的には：

no-cache
expires

あなたが望むものです。

Answer 3

あなたはこのように書くことができます

$.ajax(
    {
        url: 'Serverpage name'
        cache: false,
        type: 'POST',
        success: function(msg)
        {
        });
    });

ここで cache: false を設定すると、キャッシュは設定されません。