本地存储-存和取

最新推荐文章于 2023-07-01 23:17:26 发布

貑娤不嬡伱

最新推荐文章于 2023-07-01 23:17:26 发布

阅读量349

点赞数

分类专栏：前端 vue

原文链接：https://www.cnblogs.com/alice626/p/5518509.html

版权

前端同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

vue

13 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript的localStorage API来存储和检索JSON对象，包括将vardata转化为字符串并存储，以及通过getItem和parse功能实现数据的读取。重点在于实际应用中的数据存储与数据恢复过程。

摘要由CSDN通过智能技术生成

//存数据
var data= {“id”:id,“name”:name};//要存储的json对象
var selectCity=JSON.stringify(data);//将json对象转化成字符串
localStorage.setItem(“ffan_selectCity”,selectCity);//把选择的数据存储在localstorage中

//取数据如下
var currentCity=localStorage.getItem(“ffan_selectCity”);
if(currentCity){
var item=JSON.parse(currentCity);
console.log(“id=”+item.id+",name="+item.name);
}

补充：
localStorage.getItem(“key”);//获取存储的变量key的值www.it165.net
localStorage.key;//获取存储的变量key的值
localStorage.removeItem(“key”)//删除变量名为key的存储变量