如何存储ajax调用的本地javascript结果以便稍后显示？

Question

我有一个返回数组的ajax查询..我现在只显示阵列中的前20个项目,但我现在在显示第一个结果后添加了"全部显示"的链接.

当用户单击" 显示全部"时,我想显示数组中的所有项目(内联或在对话框中(但实现无关紧要)

我想避免不得不回到服务器获取完整列表,因为我已经从第一个ajax调用中检索了完整列表..哪个是本地存储此数组以便稍后访问的最佳方法.

Answer 1

将数组保存在变量中,或者可能作为数据元素附加到DOM上的某些内容.然后,当您的"全部显示"事件触发时,从该数组中读取并重建您的显示.

<div id="myArrayDisplay">
</div>

<script>
$(function () {
 $.getJSON("backendCode.php", function (jsonData) { // assumes your array arrives as a response from a JSON-based Ajax request to some server code
  $("#myArrayDisplay").data("arrayObj", jsonData);
 });

});
</script>

显然我没有展示如何在上面的代码中显示数组的内容,我将如何存储它.