localStorage、sessionStorage介绍和使用

localStorage、sessionStorage

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage是有效期是永久有效，但是sessionStorage在当前浏览器关闭前有效

这两个东西主要是为了解决原本cookie的两个问题：

• cookie数据量太小，只有4k
• cookie每次http请求都会进行cookie的传递，浪费了带宽

localStorage保存数据：

localStorage.setItem("key", "value");

localStorage读取数据：

var res = localStorage.getItem("key");

localStorage删除数据：

localStorage.removeItem("key");

sessionStorage使用时的语法类似

一些其他API

localStorage获取key

localStorage.key(index)

将json字符串转为json对象:使用JSON.parse()

var storage=window.localStorage;
var json=storage.getItem("data");
var jsonObj=JSON.parse(json);