cookie sessionStorage localStorage区别

---

cookie sessionStorage localStorage区别

---

cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递
cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下

存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识
数据的有效期不同sessionStorage：仅在当前的浏览器窗口关闭有效；
localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
cookie：只在设置的cookie过期时间之前一直有效，即使窗口和浏览器关闭
cookie session区别
cookie数据存放在客户的浏览器上，session数据放在服务器上。
2. cookie不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗
考虑到安全应当使用session
session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能
考虑到减轻服务器性能方面，应当使用COOKIE。
单个cookie保存的数据不能超过4K，很多浏览器都限制一个站点最多保存20个cookie
同源 sessionStorage受同源策略限制，跨域无法访问。
└── 跨域可以使用localStorage postMessage和iframe 来解决

不会随着http发送到服务器，只会存储在本地。
└──不需要的传到服务器的数据可以替代cookie，减小带宽

sessionStorage使用key和value进行存储，value值必须为字符串，不为字符串会自动转型。

存储上限限制，不同浏览器限制均不一样，但是大多数上限限制为5MB
essionStorage API

// 保存数据到sessionStorage
sessionStorage.setItem(‘key’, ‘value’);

// 从sessionStorage获取数据
var data = sessionStorage.getItem(‘key’);

// 从sessionStorage删除保存的数据
sessionStorage.removeItem(‘key’);

// 从sessionStorage删除所有保存的数据
sessionStorage.clear();
示例

Clear