首页 > 其他 > 详细

本地化存储:localStorage与sessionStory

时间:2020-04-07 16:46:36      阅读:220      评论:0      收藏:0      [点我收藏+]

1、localStorage:

用法:

存储单一数据时:localStorage.setItem("Name", data);  JSON.parse(localStorage.getItem("Name"));

存储对象时 :localStorage.setItem("Name", JSON.stringify(obj));  JSON.parse(localStorage.getItem("Name"));

须知:

localStorage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的;

目前所有的浏览器中都会把localStorage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换;

2、sessionStory

用法:

存储单一数据时:sessionStory.setItem("Name", data);  JSON.parse(sessionStory.getItem("Name"));

存储对象时 :sessionStory.setItem("Name", JSON.stringify(obj));  JSON.parse(sessionStory.getItem("Name"));

须知:

只在当前页面有效,当页面关闭时内容清空;

3、二者取别

localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空

4、查看方法

技术分享图片

 

 

 

          

本地化存储:localStorage与sessionStory

原文:https://www.cnblogs.com/yzkddhxb/p/12653788.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!