存储方式类别
我们以我们现在最常用的Google浏览器为例,f12然后查看Application
从图中可以看出Google浏览器的数据存储方式有以下5种:
- Local Storage
- Session Storage
- IndexedDB
- Web SQL
- Cookie
区别和使用
1.Local Storage
localStorage 中的键值对是以字符串的形式存储,除非清除,否则长期有效(永久有效)。
使用如下:
var obj = {"status":200,"msg":"登录成功",obj:null}
//存
window.localStorage.setItem('key',JSON.stringify(obj))
//取
JSON.parse(window.localStorage.getItem('key'))
// 删除
window.localStorage.remove('key')
//清空
window.localStorage.clear()
2.Session Storage
sessionStorage也是以字符串的形式存储,生命周期为一次会话,即打开浏览器到关闭浏览器(关闭浏览器数据就没了)
使用如下:
window.sessionStorage.setItem('key')
window.sessionStorage.getItem('key')
3.IndexedDB
IndexedDB 是一个事务型的数据库系统. 然而, 它是使用 JavaScript 对象而非列数固定的表格来储存数据的.使用的比较少。
4. Cookie
使用:https://blog.csdn.net/qq_29132907/article/details/80390792
以上一个存储方式中我们现在常用的是Session Storage、Local Storage、Cookie三者更多详细比较