Как реализовать кеш для Ajax-запросов

Question

У меня есть простое приложение, которое показывает список многих элементов, в которых пользователь может отображать детали для каждого элемента, полученные Ajax.

Однако, если пользователь закрывает подробности и открывает снова, приложение делает еще один Ajax-запрос, чтобы снова получить тот же контент.

Есть ли какое-то простое решение, как предотвратить это, кэшируя запросы на клиенте, поэтому, когда пользователь снова отображает ту же самую деталь, контент будет загружен из кеша. Предпочтительно использовать jQuery .

Я думаю, что это можно решить с помощью прокси-объекта, который будет хранить запрос при первом его выполнении и при повторном запросе, прокси просто вернет предыдущий результат без повторного запроса Ajax.

Но я ищу более простое решение, в котором мне не придется реализовывать все это самостоятельно.

Answer 1

ИМХО самый простой способ - создать глобальный массив:

var desc_cache=[];

, а затем создайте функцию, подобную этой:

function getDesc(item){
if(desc_cache[item]) return desc_cache[item] else $.ajax(...);
}

После получения данных ajax сохраните результаты в desc_cache.

Answer 2

Взгляните на эти плагины jQuery:

• http://plugins.jquery.com/project/cache
• http://plugins.jquery.com/project/Tache
• http://plugins.jquery.com/project/jCache

Пример jQache:

// [OPTIONAL] Set the max cached item number, for example 20
$.jCache.maxSize = 20; 
// Start playing around with it:
// Put an item into cache:
$.jCache.setItem(theKey, theValue);
// Retrieve an item from cache:
var theValue = $.jCache.getItem(theKey);
// Clear the cache (well, I think most of us don't need this case):
$.jCache.clear();

Answer 3

Другой плагин кеша jQuery, в котором вы можете установить срок действия и зависимости от объектов:

http://plugins.jquery.com/project/jCacher

Пример кода jCacher:

$(document).ready(function() {

    $.jCacher.add("key", "value");

});

$(document).ready(function() {

    var cacheItem = $.jCacher.get("key");
    alert(cacheItem.value + " was retrieved from the cache");

});

Answer 4

Вы можете создать один или два класса, чтобы инкапсулировать тот факт, что вы кэшируете; затем вы можете использовать либо AJAX, либо кеш взаимозаменяемо. Смотрите здесь: http://myok12.wordpress.com/2011/08/19/building-an-almighty-data-retrieval-system-for-all-html5-webapps/