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

How do I store local javascript results from an ajax call to be shown later?

本文关键字：调用 ajax 结果 javascript 显示 何存储 存储      更新时间：2023-09-26

我有一个返回数组的ajax查询。我现在只显示数组中的前20个项目，但我现在添加了一个链接"显示所有"后，我显示了那些第一个结果。

当用户单击Show All时，我想显示数组中的所有项目。(内联或在对话框中(但实现不重要)

我想避免不得不回到服务器来获得完整的列表，因为我已经从第一个ajax调用检索了完整的列表。

是本地存储该数组以供以后访问的最佳方式。

将数组保存在变量中，或者可能作为数据元素附加到DOM上的某个内容。然后，当你的"Show All"事件触发时，从该数组中读取并重建你的显示。

<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>

显然，我并没有展示如何在上面的代码中显示数组的内容，只是展示如何存储它。

我认为最简单的方法是将完整的列表数据放入隐藏的输入文本字段

我不知道最好的方法，但最简单的方法是使用全局变量。

在这里定义:

$(document).ready(function(){
  $.myArray = [];
})

并像这样使用:

function myFunction(){
  alert($.myArray[0]);
}

关于$(document).ready.的更多信息

另一方面，您可以创建两个单独的字段，一个包含初始信息，另一个包含其他信息，使第二个不可见。当用户点击"显示更多"时，可以显示隐藏的内容。

关于。show()的更多信息。

相关文章：