sessionStorage与localStorage存储对象

sessionstorage与localstorage的主要说明。

相同点：在浏览器中存储数据，而且只能存储字符串类型的数据。 
不同点：localStorage存储的数据是永久的,sessionStorage存储的数据是短暂的，一旦用户关闭窗口或标签页，sessionStorage里存储的数据也相应的清除。

localStorage是Storage类型的实例。有以下的几种方法：

①clear（）：删除所有值。

②getItem（name）：根据指定的名字name获取对应的值

③key(index)：在指定的数字位置获取该位置的名字。

④removeItem（name）：删除由name指定的名值对

⑤setItem(name,value)：为指定名字设置一个对应的值

有时候，我们需要将数据存储到sessionStorage和localStorage中，这样做的好处有：

1 缓存数据

2 减少对内存的占用

但是，storage只能存储字符串的数据，对于JS中常用的数组或对象却不能直接存储。

但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串

 

  $(function () {
            //定义一个json对象
            var obj={name:'wei'};
            //通过JSON.stringify()转换格式存入sessionStorage
            sessionStorage.setItem('name',JSON.stringify(obj));
            $("#getName").on('click',function () {
                //取出保存在sessionStorage中的对象，通过JSON.parse转换成对象
                var result=JSON.parse(sessionStorage.getItem('name'));
                //赋值给需要的地方
                $("#name").val(result.name);
            })
        });


<body>
<input type="text" name="name" id="name">
<input type="button" value="点击获取名字" id="getName">

</body>

 

 

 

 

 

引用 https://www.cnblogs.com/ranyonsue/p/6402687.html

posted @ 2018-04-20 15:52  xy辉  阅读(355)  评论(0)    收藏  举报