zoukankan      html  css  js  c++  java
  • sessionStorage的使用

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

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

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

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

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

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

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

      使用方法:

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

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

  • 相关阅读:
    HTML5 向网页嵌入视频和音频
    HTML5中History.back()页面后退刷新页面
    阻止表单的默认提交事件
    SQL Server 2008带字段注释导入Power Designer 9.5
    CodeSmith将模板文件批量生成文件的方法(转)
    Nhibernate学习心得
    邮件发送代码
    Json的一些了解
    有关js的一个问题
    在IIS上启用Gzip压缩(HTTP压缩)
  • 原文地址:https://www.cnblogs.com/yingrufeng/p/7799130.html
Copyright © 2011-2022 走看看