如何在jQuery中缓存$ .post-request的结果？

Question

我有一个小的jQuery脚本,通过查看ID来获取信息.

什么是防止同一数据被请求多次的最佳方法(例如,jQuery中缓存的最佳实践是什么)？

我试图使用$.post和$.ajax选项"缓存"设置为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);
});