sessionStorage的使用

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

         一、前端页面选择特定路径中的数据（使用Ztree）

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

         三、前端拿到数据进行页面展现（使用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值的数据给覆盖掉。