【开发记录】之 sessionStorage的存储和获取

最新推荐文章于 2023-08-25 15:17:28 发布

落魄的小影

最新推荐文章于 2023-08-25 15:17:28 发布

阅读量1.6k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45438028/article/details/125558762

版权

开发过程中，有时候会用到本地存储作为临时数据保存，

因此，就把过程总结一下，以备后续回顾。

话不多说，直接记录

相关的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>

具体效果如下：

页面加载完成，可以在这里查看本地数据存入：