Question

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

防止多次请求相同数据的最佳方法是什么（例如，jQuery中缓存的最佳做法是什么）？

我尝试将$.post和$.ajax选项“cache”设置为true，但请求被多次发送。

保存收集的数据和使用集合以确定是否需要请求它是否更好？

欢迎任何想法和建议！

如果重要，我在服务器端使用ASP.Net MVC。

Answer 1

您在文档中看到的cache选项是指浏览器的缓存。

您可以通过多种方式实现自记忆函数的模式，目标是确定参数的函数结果（在您的情况下为id）仅计算一次。 / p>

由于您使用的是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);
});

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

1 个答案: