开发过程中,有时候会用到本地存储作为临时数据保存,
因此,就把过程总结一下,以备后续回顾。
话不多说,直接记录
相关的Html代码:
<body>
<button onclick="clickGetMsg()">点击获取本地存储至控制台</button>
</body>
相关的JS代码:
<script>
// 创建一个对象
var sendObj = {
arr: [1, 2, 3, 4]
};
// 需要注意的是:sessionStorage 无法直接存储数组对象,
// 因此,存储时需要先转成Json字符串
var sendObjJson = JSON.stringify(sendObj);
// 然后才可以存储到本地
sessionStorage.setItem('keepMsg',sendObjJson);
// 注:keepMsg 为 key值
// sendObjJson 为 value值
// 点击事件,获取本地存储
function clickGetMsg (param) {
// 从本地取值的时候,需要把获取到的Json字符串转换成对象
var getMsg = JSON.parse(sessionStorage.getItem('keepMsg'));
// 控制台打印输出:
console.log('本地存储数据为:',getMsg);
}
</script>
具体效果如下:
页面加载完成,可以在这里查看本地数据存入:
当我们点击按钮的时候,可以获取本地存储的数据,
并在控制台显示:
以上就是关于sessionStorage的相关总结。
本文属于个人开发总结,不喜勿喷,谢谢!