Ajaxコールから受け取ったデータをキャッシュする方法は？

Question

サーバーから受け取ったデータをキャッシュして、実行されるPHP/MySQL命令の数が最小限になるようにしたいと思います。私はキャッシュオプションが$ .ajax（）に対して自動的に設定されていることを知っています。しかし、postdataが以前の呼び出しと同じであっても、$ .ajax（）が呼び出されるたびにMySQLの指示が表示されます。何か不足していますか？サーバーから受信したデータをキャッシュする最良の方法は何ですか？

$.ajax({ 
... 
... 
cache : true 
}); 

Answer 1

ここが理念です。もちろん、あなたのニーズにそれを微調整してください。

function getAjaxData(){ 
    var $node = $('#note_container'); 
    if ($node.data('ajax-cache').length == 0) { 
     $.ajax({ 
      // do stuff. 
      success: function(data){ 
       // Add dialog content 
       $node.html(data).data('ajax-cache',data).dialog(); 
      } 
     }); 
    } else { 
     $node.html($node.data('ajax-cache')).dialog(); 
    } 
} 
getAjaxData(); 

Answer 2

：ここに私のコードですidはすでに発生していますが、キャッシュから削除しない限り、新しいリクエストは作成されません。

Answer 3

私はキャッシュ自身扱うでしょう

：要求とは言った場合、

// declare this on global scope 
var ajaxCache = {}; 
... 

if (!ajaxCache[this.id]) { 
    ajaxCache[this.id] = $.ajax({ 
     type: "POST", 
     url: "get_note.php", 
     data: {'pid':'<?php echo $project_id;?>','record_id':this.id} 
    }); 
} 

ajaxCache[this.id].done(function(){ 
    if (data != '0') { 
     // Add dialog content 
     $('#note_container').html(data); 
     $('#note_container').dialog(); 
    } else { 
     alert('woops'); 
    } 
}); 

この方法をあなたが好きなキャッシュパラメータを追加する必要が

var postdata = {'pid':'<?php echo $project_id;?>', 
       'record_id':this.id}; 

$.ajax({ 
    type: "POST", 
    url: "get_note.php", 
    data: postdata 
}).done(function(data){ 
    if (data != '0') { 
     // Add dialog content 
     $('#note_container').html(data); 
     $('#note_container').dialog(); 
    } else { 
     alert(woops); 
    } 
});