sessionStorage存储数据(对象、数组、字符串)
2017-09-28 11:09
525 查看
在客户端存储数据
HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储
sessionStorage - 针对一个 session 的数据存储
sessionStorage 方法
sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后,数据会被删除。sessionStorage特别适用于单页面应用(angular),可以方便在各个界面之间传值。
方法如下:
string sessionStorage.key(int
index) :返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。
string sessionStorage.getItem(string
key) :返回键名(key)对应的值(value)。若没有返回null。
void sessionStorage.setItem(string
key, string value) :该方法接受一个键名(key)和值(value)作为参数,将键值对添加到存储中;如果键名存在,则更新其对应的值。
void sessionStorage.removeItem(string
key) :将指定的键名(key)从 sessionStorage 对象中移除。
void sessionStorage.clear()
:清除 sessionStorage 对象所有的项。
可以看到sessionStorage存储的数据只能是字符串,对于常用的对象和数组是存储不了的,因此我们可以通过JSON对象提供的parse和stringify将其他数据类型
转化成字符串,再存储到storage中就可以了。
代码如下:
存入数据:
this.queryParams={name:'lisi',id:'222'};
sessionStorage.setItem('queryParam',JSON.stringify(this.queryParams))读取数据
this.queryParams = JSON.parse(sessionStorage.getItem('queryParam'));数组的操作同样是用上述方法。
题外话:
localStorage的用法和sessionStorage是一样的,只不过localStorage的存储是永久性的,需要手动删除。
相关文章推荐
- 关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
- 关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
- 使用sessionStorage、localStorage存储数组与对象 运用实例解析
- 编写程序读入一组string类型的数据,并将它们存储在vector中,再将vector对象复制给一个字符指针数组。
- 本地化 存储 字符串 数组 字典 复杂类对象
- 字符串,数组和字典的简单本地存储!以及复杂类型对象的存储
- 再回首,数据结构——字符串与数组的常见操作(顺序存储)
- iOS开发:沙盒机制以及利用沙盒存储字符串、数组、字典等数据
- JAVA面向对象-----值交换(基本数据类型 数组类型 对象的值 字符串的)
- 后台将对象转换为json格式,前台js解析json数据,将字符串转化为数组
- c#中将【对象转成 JSON 格式的字符串】 及获取Json格式字符串并将转成Json对象 及对js数组取数据
- 再回首,数据结构——字符串与数组的常见操作(链式存储,包含朴素匹配算法等)
- JSON是一种数据交换格式(JSON对象/JSON字符串/JSON数字/JSON数组等) -------- JSON对象是JS引擎的内置对象
- JAVA面向对象-----值交换(基本数据类型 数组类型 对象的值 字符串的)
- 存储16进制数据的字节数组BYTE与字符串之间的互换
- 使用sessionStorage、localStorage存储数组与对象(转)
- iOS开发:沙盒机制以及利用沙盒存储字符串、数组、字典等数据
- js爬虫拿到的字符串数据转化成数组再转化成json对象
- 【第21篇】通过Gson去把字符串转成json,对象转成Json,数组转换成Json处理Json数据
- string对象代替char数组实现字符串的组合存储并显示