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

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

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

话不多说,直接记录

相关的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的相关总结。

本文属于个人开发总结,不喜勿喷,谢谢!


版权声明:本文为weixin_45438028原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。