如何在 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);
});