码迷,mamicode.com
首页 > Web开发 > 详细

JS几大存储方式总结

时间:2019-02-08 11:56:49      阅读:233      评论:0      收藏:0      [点我收藏+]

标签:nbsp   变量   style   div   取数据   number   方式   ssi   对象   

日常我们数据存储的方式常见的几种就是sessionStroage, localStroage, cookier,下面先依次总结各自的使用规则,然后再到这三者之间的区别

sessionStroage

sessionStroage是HTML5新增的一个回话存储对象,用于临时保持同一窗口的数据,窗口关闭数据也将删除

存储单个变量

    存储数据: sessionStroage,setItem(‘name‘, ‘Tiboo‘)

    读取数据: sessionStroage.getItem(‘name‘)

存储JSON对象

info = {
   name: ‘Tiboo‘,
   number: ‘1204914‘,
   guid: ‘00123‘
}
存储值: 将对象转换为JSON字符串
sessionStroage.setItem(‘info‘, JSON.stringify(info);
读取值: 将JSON字符串转换为对象
let infoData = JSON.parse(sessionStroage.getItem(‘info‘))

JS几大存储方式总结

标签:nbsp   变量   style   div   取数据   number   方式   ssi   对象   

原文地址:https://www.cnblogs.com/Tiboo/p/10355955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!