利用localStorage可以简单的存储一些JSON对象,可以方便简易应用的数据存储。
简单介绍下localStorage,localStorage是html5提供的一种本地存储的方法,可以把数据存储在本地浏览器,下次打开后仍然可以获取到存储的数据,如果在存储的数据 量小的时候可以起到代替数据库的功能,比cookies更有优越性。
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对象的方法。
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对象了