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

时间:2013-11-12 18:47:14

标签: json jquery-mobile cordova

在我的(Cordova,jQuery-Mobile)iOS移动应用程序上,我在第一页上收到一些 JSON 值。 要存储它们,我使用数组。

要传递它们并在第二页上重复使用它我使用每个函数,在每次运行时计算整数(i)并将接收到的数据推送到< strong>几个数组,整数(i)我存储在数据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 = [];
例如

- 如果用户点击了data-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获得在第二页上使用它们吗?你是怎么做到的?

谢谢。

1 个答案:

答案 0 :(得分:2)

我一直把JSON字符串塞进localstorage中,然后将它拉出来并恢复到一个对象。

localStorage.setItem("jsondata",mytextvar);

然后:

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