博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
sessionStorage的使用
阅读量:4959 次
发布时间:2019-06-12

本文共 809 字,大约阅读时间需要 2 分钟。

一、需求场景:一个文件资源器的功能:

         1、前端页面选择特定路径中的数据(使用Ztree)

        2 、由服务器对该数据进行解析,按照自定义的模型将其包装成一个Json返回给前端(Java类),

         3、前端拿到数据进行页面展示(使用bootgrid)

        4 、数据添加完成以后将其导入到数据库中(Java类)

 以上过程省略括号中详细代码,本文重点叙述2 3 4中数据在前端的暂存,因为用户可能不是一次性选择完所有要导入的数据,所以要先把选择的数据暂时保存的前端页面中,这时候可以使用sessionStorage,一个比cookie更好的本地存储方式. 

特点是存取方便,并且只存在当前会话期间,存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持,并且重新加载或恢复页面仍会保持原来的页面会话。在新标签或窗口打开一个页面会初始化一个新的会话,这点和 session cookies 的运行方式不同

  使用方法:

// 保存数据到sessionStoragesessionStorage.setItem('key', 'value');// 从sessionStorage获取数据var data = sessionStorage.getItem('key');// 从sessionStorage删除保存的数据sessionStorage.removeItem('key');// 从sessionStorage删除所有保存的数据sessionStorage.clear();

在使用setItem时注意,要添加进sessionStorage中的数据的key不要与当前sessionStorage中已保存的数据中的Key值相同,否则会将之前具有相同key值的数据给覆盖掉。

转载于:https://www.cnblogs.com/yingrufeng/p/7799130.html

你可能感兴趣的文章
Android------三种监听OnTouchListener、OnLongClickListener同时实现即其中返回值true或者false的含义...
查看>>
MATLAB实现多元线性回归预测
查看>>
Mac xcode 配置OpenGL
查看>>
利用sed把一行的文本文件改成每句一行
查看>>
使用Asyncio的Coroutine来实现一个有限状态机
查看>>
Android应用开发:核心技术解析与最佳实践pdf
查看>>
python——爬虫
查看>>
2.2 标识符
查看>>
孤荷凌寒自学python第五十八天成功使用python来连接上远端MongoDb数据库
查看>>
求一个字符串中最长回文子串的长度(承接上一个题目)
查看>>
简单权限管理系统原理浅析
查看>>
springIOC第一个课堂案例的实现
查看>>
求输入成绩的平均分
查看>>
php PDO (转载)
查看>>
wordpress自动截取文章摘要代码
查看>>
[置顶] 一名优秀的程序设计师是如何管理知识的?
查看>>
scanf和gets
查看>>
highcharts 图表实例
查看>>
ubuntu下如何查看用户登录及系统授权相关信息
查看>>
秋季学期学习总结
查看>>