localstorage存储对象

Posted 2020-07-10 改变需要勇气，习惯需要坚持。

之前在客户端存储数据一直用的是cookie，由于有大小等限制，随着html5时代的到来，现在大多数用的是localstorage存储数据：

例如：

localStorage.setItem("key","value");//存储变量名为key，值为value的变量
localStorage.key = "value"//存储变量名为key，值为value的变量
 
localStorage.getItem("key");//获取存储的变量key的值www.it165.net
localStorage.key;//获取存储的变量key的值
localStorage.removeItem("key")//删除变量名为key的存储变量

 

当我们需要存储对象时，方法如下：

var data= {"id":id,"name":name};//要存储的json对象
var selectCity=JSON.stringify(data);//将json对象转化成字符串
 localStorage.setItem("ffan_selectCity",selectCity);//把选择的数据存储在localstorage中

//取数据如下
var currentCity=localStorage.getItem("ffan_selectCity");
if(t.currentCity){
     var item=JSON.parse(t.currentCity);
     console.log("id="+item.id+",name="+item.name);
 }