保存 JSON 数据并在 JQuery 的下一页重用的最有效方法

Question

在我的（Cordova，jQuery-Mobile）iOS移动应用程序上，我在第一页上收到一些JSON值。为了存储它们，我使用数组。

为了传递它们并在第二页上重用它们，我使用 each 函数，在每次运行时计算一个整数 （i） 并将接收到的数据推送到几个数组中，整数 （i） 我存储在 data-id 中的 DIV 中。（ <div data-id'"+i+"'> ）

一旦用户通过点击其中一个 DIV 导航到第二页，我就使用 data-id 中的整数 （i） 从数组中获取每个值并显示在第 2 页上。

例

数据库：

ID NAME SURNAME AGE USERID
1 Michael Douglas 44 uid3242
2 Eric Cartman 11 uid9275
3 Felix Woodspuck 38 uid3852
4 Amadeus Mozart 158 uid1120 

脚本：

ID = [];
NAME = [];
SURNAME = [];
AGE = [];
USERID = [];

例如 - 如果用户单击数据 id=2 的 DIV

iInt = $(this).attr('data-id'); // iInt=2
$("#abc").text(NAME[iInt];) // NAME[2]; --> Eric
$("#xyz").text(SURNAME[iInt];) // SURNAME[2]; --> Cartman
...

这只是一个例子，请忽略这些值。

但是在我的应用程序中，我在很多页面上使用了很多变量，并且在代码中变得有点混乱，所以我想知道的是是否有更有效的方法来保存我从 JSON 获得的值以在第二页上使用它们？你是怎么做到的？

谢谢。

Answer 1

我一直

在将 JSON 字符串塞入本地存储，然后稍后将其拉出并恢复到对象。

localStorage.setItem("jsondata",mytextvar);

然后后来：

var obj = JSON.parse(localStorage.getItem("jsondata"));