将数据存入localstorage / 从localstorage取出数据

最新推荐文章于 2022-05-02 18:06:49 发布
最新推荐文章于 2022-05-02 18:06:49 发布
阅读量3.6k 收藏 5
点赞数 1
分类专栏： 前端 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Charonmomo/article/details/120721190
版权

localStorage用于长久的保存整个网站的数据（string类型存储），保存的数据没有过期时间，直到手动删除;

sessionStorage只将数据临时保存在当前会话窗口下, 关闭窗口就会被删除;

存入:

window.localStorage.setItem('user',JSON.stringify(Data))

在这里插入图片描述

取出:

this.BoardData = JSON.parse(window.localStorage.getItem('user'))

在这里插入图片描述

更多关于登录数据如何存储的内容, 可以参考这篇文章:
登录信息存储在cookie好还是localstorage好
在这里插入图片描述

Charonmomo
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
用localStorage存储/读取历史记录相关数据（数组—字符串—数组）
weixin_40758850的博客
06-17 1830
把这次使用localStorage的例子记录以下： 思路： 我主要是将每次计算的结果及相关参数存到一个数组中，然后将数组通过 localStorage.setItem(“allRecord”,JSON.stringify(aRecord)); 的方式将数组转为字符串存进localStorage；再通过JSON.parse(localStorage.getItem('allRecord")) 将字...
浏览器localStorage
Think_and_work的博客
02-18 1011
Window localStorage 属性 JavaScript 存储对象 JavaScript 存储对象 实例 使用 localStorage 创建一个本地存储的 name/value 对，name=“lastname” value=“Smith”, 然后检索 “lastname” 的值，并插入到 id=“result” 的元素上: // 存储 localStorage.setItem("lastname", "Smith"); // 检索 document.getElementById("result
从localstorage中获取数据
热门推荐
weixin_41929274的博客
01-21 2万+
项目中,伴随着用户登录进系统,会带着一系列的数据进来,保存在store或者localstorage中,比如 如图所示,数据在localstorage的user中,这里注意一下,正常情况下取user中的createTime可以用一个对象点一个对象,但是这里通过localstorage.getItem('user').user.createTime获取不到,返回值是undefined,这是为什么...
js实现 localStorage 存取数据、移除（变量或json数据）
zcc的博客
02-19 4411
1、localStorage中 存 port 和 取 port 值，代码如下： var port = 8080; localStorage.setItem("port", port); var localPort = localStorage.getItem("port"); console.log(localPort); // 8080 2、localStorage中 存 json数据data 和 取 json数据data，代码如下： var data = [{"id":1,"name":.
localStorage获取数据以及处理方法
eileen823的博客
02-28 1万+
关于字符串和对象 1.localStorage中只能存字符串，如果直接把对象放到localStorage中，则直接保存object object这个字符串 2.如果调用localStorage的getItem("carts")方法得到的信息也是字符串 3.js和字符串的转换 js对象---->字符串:var str=JSON.stringfy(js对象) 字符串----->js对象：va
localStorage实现便签小程序
09-01
如果`localStorage`中已经有便签数据，就将其取出并合并新的便签项，然后再存回去。如果没有，就直接创建一个新的JSON数组存储。 ```javascript function save_diary() { var headle = document.getElementById(...
微信小程序之数据缓存
03-29
在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。...我们在index页面存入数字11，然后在跳转到新页面，在将缓存中的11取出渲染到当前页面。具体代码如下： index页面： <span style="font-size:24px;
微信小程序之数据缓存的实例详解
12-29
微信小程序之数据缓存的实例详解 前言： 在H5之前，缓存一般都是用cookie...我们在index页面存入数字11，然后在跳转到新页面，在将缓存中的11取出渲染到当前页面。具体代码如下： index页面： <view class=btn-area>
vue使用二次封装存储localStorage
最新发布
03-04
由于localStorage只能存储字符串，我们在存入和取出时都进行了JSON序列化和反序列化的处理。 2. 在Vue项目中引入并使用这个工具： ```javascript // 在main.js中全局注册 import Vue from 'vue' import ...
javascript 数据存储的常用函数总结
10-19
`getObjectStorage` 函数则负责从localStorage中取出对象，使用`JSON.parse`将字符串转换回原来的对象。 ```javascript function setObjectStorage(itemname, myobj) { localStorage.setItem(itemname, JSON....
通过localStorage存储数据
m0_54399881的博客
08-09 1451
Vue 通过localStorage存储数据 第一步 将数据保存到localStorage中 watch: { dojos: { deep: true, handler: function (value) { // 将dojos保存到localStorage里 window.localStorage.setItem('dojos', JSON.stringify(value)) } } }
localstorage本地存储数据实现最近浏览获取
qian_li_hui的博客
03-31 673
localstorage本地存储数据实现最近浏览获取 开发思路： 一、存入 在需要记录的地方调用setInLocalStorage方法 方法中需要实现的需求： 1、将localstorage中的数据取出 2、判断存储中是否有数据，如果没有则将新的数据直接存入 3、如果有进行判断，判断要存入的数据是否重复 4、有重复删除之前存入的重复数据 5、应用unshift将新的数据存在最顶部 6、将数组存入localstorage中 setInLocalStorage(nodeData){
使用jQuery来实现点击加入购物车按钮将数据存在localStorage中的功能解析
weixin_46115723的博客
02-24 2081
localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同,且用它来保存的数据没有过期时间，直到手动去删除,所...
在localStorage中存取值的方法
weixin_43905830的博客
06-10 4212
在前端开发中，当我们重新加载页面时我们希望显示到上一次页面的数据，这时我们就要用到LocalStorage,将我们的数据保存到这里，退出页面时将数据保存，重新加载就直接取出我们的数据，下面用个实例来介绍下我们存取值的方法。 在一些购物app中我们点击不同的商家就会显示对应商家的基本信息，我们一般通过给每个商家的页面设定一个id，当我们访问某个商店时只要将对应的id返给后端，后端就会给我们对应的信息，下面我们就来实现下。 上代码 //假设我们的地址 http://localhost:8081/?id=1234
下载，导出，储存在localStorage
ingenuou_的博客
08-28 1824
下载，导出，储存在localStorage
localStorage存储数据和取出数据知识点记录
weixin_43819610的博客
07-13 1500
1.js存储数据用localStorage方法举例： var id = resourcesList[u].id; var accountList = resourcesList[u].accountList; window.localStorage.setItem(“newdata” + id, JSON.stringify(resourcesList[u])); 如果是集合的情况下需要加上JS...
localStorage的存储和提取
m0_52181275的博客
03-02 845
localStorage.setItem("username",this.username) this.username=localStorage.getItem("username");
localStorage存储用户信息，及取出
weixin_45730286的博客
08-27 3513
先存入localstorage中，存之前要加判断有没有这个用户 下面是取出的方法不可跨域
localStorage和sessionStorage存取值的方法
qq_58340302的博客
05-02 2215
localStorage和sessionStorage都属于本地存储，他们的区别是： localStorage：永久存储，永远不会失效，除非手动清除 sessionStorage：临时存储，存储的数据只有在同一个会话中的页面才能访问到，并且当会话结束后，数据就立即消失了 存储数据的方法： localStorage： // 存储数据到localStorage localStorage.setItem('key', value) // 获取localStorage中的数据 localStorage
后端如何拿到localstorage里面值
06-12
后端无法直接获取浏览器端的 localstorage 值，因为 localstorage 是存储在客户端浏览器中的。如果需要将 localstorage 中的数据传递到后端，一般可以通过前端发送 AJAX 请求，将 localstorage 中的值作为参数传递给后端处理，或者将 localstorage 中的值存储在 cookie 中，再由浏览器自动将 cookie 发送给后端。另外，如果您需要在后端使用类似 localstorage 的功能，可以考虑使用后端的缓存技术。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Charonmomo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值