Как кэшировать данные, полученные от вызова Ajax?

Question

Я хотел бы кэшировать данные, полученные с сервера, чтобы было выполнено минимальное количество инструкций PHP/MySQL. Я знаю, что параметр кеша автоматически устанавливается для $ .ajax(). Тем не менее, я вижу инструкции MySQL каждый раз, когда вызывается $ .ajax(), даже если postdata такая же, как и в предыдущем вызове. Я что-то упускаю? Каков наилучший способ кэширования данных, полученных с сервера? Вот мой код:

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); 
    } 
}); 

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

Вы должны добавить параметр кэша, как:

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

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'); 
    } 
}); 

Таким образом, если запрос с указанным id уже произошел, новый запрос не будет выполнен, если вы не удалите его из кеша.