实用案例:
类似于分类查看信息,当选择条件进行过滤后,选择某一项查看具体信息并离开当前页面,当通过面包屑导航或后退功能返回至之前过滤后的列表
实现思路:
当页面离开时,将当前页面过滤条件存储在session中,无论通过哪种手段跳回页面都先从session中获取存储的信息,如若为空则选择默认值
在每次获取信息时需手动清空session存储的信息
**
SessionStorage
**
SessionStorage 属性允许访问衣蛾session Storage对象,存在SessionStorage中的数据在页面回话结束时会被清除,页面回话在浏览器打开期间一直保持,并且重新加载货回复页面仍会保持原来的页面回话。当页面关闭时,会主动清除掉所有SessionStorage中的数据。
常用方法:
// 保存数据到 sessionStorage
sessionStorage.setItem('key', 'value');
// 从 sessionStorage 获取数据
let data = sessionStorage.getItem('key');
// 从 sessionStorage 删除保存的数据
sessionStorage.removeItem('key');
// 从 sessionStorage 删除所有保存的数据
sessionStorage.clear();
LocalStorage:
属性允许你访问一个Document源(origin)的对象Storage;存储的数据将保存在浏览器会话中,但不同于SessionStorage,存储在localStorage的数据可以长期保留,当页面会话结束时不会被清除。
常用方法同SessionStorage。