利用localStorage可以简单的存储一些JSON对象,可以方便简易应用的数据存储。

  简单介绍下localStorage,localStorage是html5提供的一种本地存储的方法,可以把数据存储在本地浏览器,下次打开后仍然可以获取到存储的数据,如果在存储的数据 量小的时候可以起到代替数据库的功能,比cookies更有优越性。

 

view sourceprint?

01.localStorage.setItem("key","value");//存储变量名为key,值为value的变量

02. 

03.localStorage.key = "value"//存储变量名为key,值为value的变量

04. 

05.localStorage.getItem("key");//获取存储的变量key的值www.it165.net

06. 

07.localStorage.key;//获取存储的变量key的值

08. 

09.localStorage.removeItem("key")//删除变量名为key的存储变量


以上即为localStorage调用的方法。下面介绍存储JSON对象的方法。

 

view sourceprint?

01.var students =

02.{

03.liyang:{name:"liyang",age:17},

04. 

05.lilei:{name:"lilei",age:18}

06. 

07.}//要存储的JSON对象

08. 

09. 

10.students = JSON.stringify(students);//将JSON对象转化成字符串

11. 

12.localStorage.setItem("students",students);//用localStorage保存转化好的的字符串


上面即可保存JSON对象,接下来我们在要使用的时候再将存储好的students变量取回

var students = localStorage.getItem("students");//取回students变量

students = JSON.parse(students);//把字符串转换成JSON对象

以上即可得到存储的students的JSON对象了