[置顶] localStorage存储JSON对象

来源：互联网发布：淘宝行业排名编辑：程序博客网时间：2024/05/16 18:49

localStorage是html5提供的一种本地存储的方法，可以把数据存储在本地浏览器，下次打开后仍然可以获取到存储的数据。

localStorage调用的方法

localStorage.setItem("key","value");//存储变量名为key，值为value的变量localStorage.key = "value"//存储变量名为key，值为value的变量localStorage.getItem("key");//获取存储的变量key的值localStorage.key;//获取存储的变量key的值localStorage.removeItem("key")//删除变量名为key的存储变量localStorage.clear();//清空本地所有数据

存储JSON对象的方法

var friends= {wanglichuan:{name:"wanglichuan",age:30},xiaonai:{name:"xiaonai",age:23}heyichen:{name:"heyichen",age:28}}//要存储的JSON对象friends= JSON.stringify(students);//将JSON对象转化成字符串localStorage.setItem("friends",friends);//用localStorage保存转化好的的字符串

将存储好的变量取回

var friends= localStorage.getItem("friends");//取回friends变量friends= JSON.parse(friends);//把字符串转换成JSON对象

0 0