jquery - ：如何缓存 AJAX 响应（在用户下次选择选项卡时显示）？

Question

我使用jQuery UI 库中的选项卡小部件使用AJAX 调用填充我的选项卡内容。

我的代码是这样的：

<script type="text/javascript">
    $(function() {
        $("#tabs").tabs({
            load: function(event, ui) { afterLoadProcessing(); }
        });
    });
</script>
...
<div id="tabs">
<ul>
  <li><a href="url1">tab1</a></li>
  <li><a href="url2">tab2</a></li>
</ul>
</div>

它工作正常，每次我单击选项卡时，选项卡内容都会由 AJAX 调用的响应填充。

我想缓存 AJAX 调用的响应，这样我第二次点击一个选项卡时，它会直接显示最后一个响应（最终缓存）。

是否可以？（我确定是……）。如果是，最简单的方法是什么？（欢迎使用代码片段）

Answer 1

将缓存设置为 true：

$("#tabs").tabs({
    load: function(event, ui) { afterLoadProcessing(); },
    cache : true
});

参考

Answer 2

有两个地方可以在选项卡本身上指定缓存，或者使用 ajaxOptions 在 ajaxCalls 上指定缓存。我会尝试在选项卡上使用 cache: true 来查看它是否首先工作，然后通过选项卡设置上的 ajaxOptions 选项指定 ajax 缓存。你可能两者都需要。