在使用localstorage的时候发生了报错的解决办法

最新推荐文章于 2024-06-24 10:40:59 发布
最新推荐文章于 2024-06-24 10:40:59 发布
阅读量1w 收藏
点赞数 2
分类专栏： html5 文章标签： localStorage 报错 H5本地存储
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lijia_1983370657/article/details/81627364
版权

在使用localstorage的时候，发生了报错，提示是传入的格式不正确，但是传入的是json格式，为什么不正确呢？

1、在localStorage.setItem("",{})过程中，传进的参数需使用JSON.tringfy()方法转成json格式的字符串。

2、在localStorage.getItem("")过程中，要使用JSON.parse(localStorage.getItem(""))把取得的json字符串转换成json格式。

二者之一没有设置都有可能出现错误

lijia_1983370657
关注
专栏目录
使用localstorage_使用 localStorage 的最佳实践
weixin_36046832的博客
12-25 389
前言localStorage 是 HTML5 规范中作为持久化保存客户端数据的方案，localStorage 可以用于数据缓存，日志存储等应用场景。由于 localStorage 本身的一些特性：受同源策略的限制存储空间一般在 5MB 左右键值对最终的存储形式为字符串使用好 localStorage 并没有那么简单，本文主要介绍其使用的一些最佳实践。兼容性由于浏览器对于新特性支持的速度和...
记录一次关于vue+localstorage编译部署的诡异报错（Error: Loading chunk S+eF failed.）
随便记记
03-20 1175
前情提要： 背景：本人项目是基于vue-element-template的框架实现的(虽然删减了一部分)，navbar(顶部导航)和sidebar(侧边导航)都是默认的组件，与页面部分是同级的兄弟组件 起因：在登录系统时希望运用localstorage存入当前登录所有用户的基本信息，然后在navbar和sidebar两个组件中读写 问题描述： 代码编译后在本地运行正常，把编译后的dist文...
记录微信小程序webview载入h5，localstroge缓存失效问题
最新发布
weixin_43073383的博客
06-24 530
经查找资料是内存不足、进程被杀、微信主动杀掉等原因被干掉以后，跟浏览器相关LocalStorage被清掉了。项目结构是微信小程序webview载入h5，有个功能是localstroge缓存登录证书。修改方法是h5的登录证书传给小程序，在每次载入h5时候，在url上拼接上证书信息。
window.localStorage.setItem() 报错
a123123sdf的博客
05-09 639
DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of "XXX" exceeded the quota window.localStorage.setItem() 缓存 超额
H5之localStorage限额报错quota
热门推荐
zengfu123的博客
08-27 1万+
报错：Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded the quota. 场景：对常用地址做本地存储，减少后端请求 异常：在localStorage里面没有找到存储的数据，刷新页面重新请求接口 排查：浏览器console输出报Failed to execute 'setItem' on 'Storage': Setting the value of 'address' exceeded
IEueditor无法使用-window.localstorage报错
ATTFD
01-20 1112
当  var ue = UE.getEditor('container');出错的时候导致编辑器初始化失败无法使用 解决方法： 找到代码并且替换 重新压缩即可解决问题。原因是ie不支持window.localStorage方法，加上异常处理即可，原JS未处理。ie使用的 本地存储是UserData() ......................
localStorage报错： Failed to execute ‘setItem‘ on ‘Storage‘: Setting the value of ‘HexGridBasicData‘ ex
weixin_44126032的博客
06-10 1541
最多存5M，所存数据已超过5M，超过所存内存数据则无法存储成功，也无法调用，所以断点显示空数据
踩坑一个localstorage使用问题
EWJRQKJRQ的博客
01-29 1692
因为我们公司web端项目以原生为主，所以大叫就不要收什么vuex,redux,dva之类的状态管理，我们公司的主要数据存储在于node端因此我这里作为一个前端常用的存储方式就是本地存储，给大家说一下我之前到的一些问题 第一次发现localstorage出现问题是因为我先要在locastorage存储url，因为（现在有4个页面），现在项目要求a页面跳转b页面，b页面跳转c页面，c页面要跳转d页面，d页面可以选择跳转至之前的第几个页面， 我的解决方法是我将a，b，c，三个页面的url存储在本地存储loc
IIS部署详细步骤、包括错误的解决办法、使用localDB
这是一个机械转编程的博客
05-16 865
iis详细部署步骤、localDb
vue和servlet跨域问题解决办法
weixin_55361673的博客
11-04 822
vue和servlet跨域问题解决办法
2023年前端面试汇总-React
越陌度阡
06-29 839
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
vue框架使用
qq_45645848的博客
01-11 1172
前端vue基础知识总结，汇总
window.localStorage
城墙上奔跑de二帅
12-22 287
JS缓存，ajax渲染的页面，返回不刷新 1、说明localStorage对象；function方法外部申明为公用对象 var storage = window.localStorage; 2、保存数据 普通字符保存 方式一：storage['key'] = val; 方式一：storage.setItem("key", val); 数组保存
解决`LocalStorage.getShared()`返回undefined的问题
qq_14863717的博客
06-13 467
是页面级的UI状态存储，支持UIAbility实例内多个页面间状态共享。通过@Entry装饰器接收的参数可以在页面内共享同一个实例。应用程序可以创建多个实例，并通过GetShared接口实现跨页面、UIAbility实例内共享。
本地存储解决报错问题ｌｏｃａｌＳｔｏｒａｇｅ
2302_79777012的博客
01-19 365
【代码】本地存储解决报错问题ｌｏｃａｌＳｔｏｒａｇｅ。
localStorage.getItem(“token“) || ‘‘ TypeScript报错
追逐知识的过程最能使我们意识到自己的无知...
05-01 429
​ 报错信息：Unexpected nullable string value in conditional. Please handle the nullish/empty cases explicitly.eslint@typescript-eslint/strict-boolean-expressions ​
uni-app中报 Uncaught TypeError: Cannot read properties of undefined (reading ‘localStorage‘)
Whit3ZzT的博客
04-18 2739
今天在基座调试中发现一个问题，在这里记录一下我这里是使用了函数来获取token，本地调试时是没有问题的，但是在基座调试中就报了这个错。原因可能是因为uni-app中不能直接使用localStorage。
19、localStorage.getItem得到的是[object Object] 的解决方案
weixin_30374009的博客
07-10 450
实现本地存储，避免刷新页面数据丢失： localStorage.setItem 只能存储字符串， 所以在储存的时候先将对象转换为字符串 localStorage.setItem("localKey", JSON.stringify(this.cartGroup)) 然后再将字符串转换为对象 方法1: JSON.parse(localStorage.getItem("loca...
怎么在控制台使用localStorage.setItem
09-07
你可以使用下面的代码在控制台中使用localStorage.setItem方法来设置localStorage的值： localStorage.setItem("key", "value"); 其中，"key"是你要设置的属性名称，"value"是你要设置的值。通过这个方法，你可以...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值