Как кэшировать результат $ .post-запроса в jQuery?

Question

У меня есть небольшой скрипт jQuery, который получает информацию, глядя на ID.

Каков наилучший способ предотвратить повторное использование одних и тех же данных (например, что лучше всего подходит для кеширования в jQuery)?

Я попытался использовать $.post и $.ajax с опцией «cache», установленной в true, но запрос отправляется более одного раза.

Лучше ли сохранять собранные данные и использовать наборы, чтобы узнать, нужно ли вам это запросить или нет?

Любые идеи и предложения приветствуются!

Если это имеет значение, я использую ASP.Net MVC на стороне сервера.

Answer 1

Опция cache, которую вы видели в документации, относится к кешу браузера.

Вы можете реализовать схему самостоятельно запоминании функций во многих отношениях, цель состоит в том, что функции результат для определенного аргумента (id в вашем случае) только вычисляется один раз.

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

var getInfo = (function() { 
    var cache = {}; // results will be cached in this object 

    return function (id, callback) { 
    if (cache[id] != null) { // if exist on cache 
     callback(cache[id]); 
     return; 
    } 
    // doesn't exists on cache, make Ajax request and cache it 
    $.post("info.url", { "id": id }, function (data) { 
     cache[id] = data; // store the returned data 
     callback(data); 
    }); 
    }; 
})(); 

Пример:

getInfo(5, function (data) { 
    alert(data); 
});