localStorage取值为undefined的一种解决方式

最新推荐文章于 2024-05-01 15:58:23 发布
最新推荐文章于 2024-05-01 15:58:23 发布
阅读量7.3k 收藏 3
点赞数
文章标签： html javascript js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43809055/article/details/106444611
版权

写代码的时候发现localStorage取值为undefined，这是我刚开始的写法：
在这里插入图片描述但是在其他页面取值的时候变成了undefined，导致传到接口的数据为undefined：
在这里插入图片描述百度后使用了这种写法：

在这里插入图片描述取数据：
在这里插入图片描述
效果如图：
在这里插入图片描述在这里插入图片描述ok，完成

海德薇快跑
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
android webview 中localStorage无效的解决方法
09-03
localStorage是HTML5引入的一种本地存储机制，用于在用户浏览器中持久化数据，对于Web应用在离线状态下仍然能够提供部分功能非常有用。 首先，我们来看一下问题描述中给出的初始代码片段： ```java mainWebView = ...
前端:localStorage存入json数据,再次取出时,数据为undefined
qq_65550711的博客
11-16 1206
HTML5-->localStorage 前端发送完Ajax请求拿到数据(数据正常显示), 但是当数据存入localStorage，再次取出时，属性值均为undefined,
关于前台获取到的后台json对象取值时undefined的解决方法
qq_29465867的博客
09-18 1万+
最近在获取后台传递到前台 的json对象时，总是undefined，以前没遇到这种情况，检查多遍发现都没有问题，打印整个返回值也是json对象，但是获取里面内容时还是undefined，经查阅资料，原来是格式问题，后台虽然返回的是json串，但是不是json对象，因此需要在后台加上header('Content-type: application/json');
localStorage.getItem(“token“) || ‘‘ TypeScript报错
最新发布
追逐知识的过程最能使我们意识到自己的无知...
05-01 291
​ 报错信息：Unexpected nullable string value in conditional. Please handle the nullish/empty cases explicitly.eslint@typescript-eslint/strict-boolean-expressions ​
获取缓存值为对象的属性值时为undefined
zenkle的博客
01-02 1502
Obj是对象： 在进行localStorage.setItem('name',Obj)进行存储时直接存储会显示[object object],先将其转为字符串存进去，常用JSON.stringify(Obj) localStorage.setItem('name',JSON.stringify(Obj)) 在localStorage.getItem('name').key时取不到对应的值O...
关于vuex使用“token”字段存储token变undefined的坑
temperlili的博客
03-01 2673
最近做前后端分离的项目，前端登录时使用vuex存储后端发过来的token信息，当时的设置是在state中使用“token”字段存。但是后边发行，每次登录后只有第一次能获取到state中的token，后边再次获取时都变成的undefined！ 后边将“token”字段重新命名为“user_token”就没事了…我也不清楚这是什么原因，好像是不给使用“token”字段，使用了之后，获取时会变成undefined… 下面是相关测试： 在登录后，第一次获取前是正常显示的： 第二次获取时就变成undefined
浅谈本地存储之localStorage
Focus-Fe
02-14 299
localStorage作为HTML5的Web Storage的两种存储方式之一。     用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 优点：容量大，易用，原生支持 缺点：兼容性问题（IE8以下的版本不支持） | 安全性也差，不适用于保存敏感的数据。   1、判断是否支持localStorage     if(window.localSt...
cookie解决微信不能存储localStorage的问题
10-21
总结来说，当遇到微信环境下localStorage的问题时，使用cookie是一种可行的替代策略。通过编写简单的JavaScript函数，我们可以方便地实现数据的存取，以保证应用的正常运行。不过，在实际应用中，应当权衡数据量、...
九种跨域方式实现原理
03-03
前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。...
关于Vue对象取属性值undefined
yuxuan89814的专栏
05-25 1万+
记一次 Vue 关于对象取属性值报错 昨天写Vue前端代码，卡在了一个点上，取对象值，是存在的，但是存对象的属性值，一直undefined的。为此苦恼很久。 结果是因为，属性写错了，写错的点是，后端mock的数据对象，在Vue mounted中请求后端数据传递到前端的。在后台传入的mock数据，误写为： “name:”:value 多了：分号 导致前端取对象属性name，data.name 取不到值，当时还信心满满认为肯定是Vue组件周期导致的取不到属性值，网上搜索半天，压根没考虑到是属性名字写错的这个最简
在AS上导入第三方module项目后报错提示：Resource IDs cannot be used in a switch statement in Android library modules
彬sir哥的博客
04-15 2373
在AS上导入第三方module项目后报错提示：Resource IDs cannot be used in a switch statement in Android library modules 错误在哪，我不说多，直接说吧 百度上说是：用switch来进行判断操作时，会报这个错误，原因是R.id.XXX这类资源id在主application中是final，是常量，而在library中，是没有final的。 app的R.java文件： library的R.java文件 as版本3.0.0以下可能查
getitem java_localStorage getItem undefined
weixin_42632434的博客
02-23 411
I'm having some trouble retrieving values from localStorage. I'm trying to store inputs and selects from a form and use it on another page after clicking on submit. This is what the form looks like :S...
localstorage兼容ie8以下浏览器的问题
adobe1992
09-18 1万+
最近在做一个网站，由于希望尽可能减小服务器的压力，也想提高网站的运转速度，就想尽可能少的在服务器上读写数据以及下载重复数据，需要重复使用的数据，就储存在本地，能在本地进行的运算，尽一切可能在本地完成。   于是就出现一个本地存储数据的问题。如果ie不是国内最广泛的浏览器，如果ie9（ie8存在一些问题，后面再说）已经得到普及，那么一切就都很简单了，用html5的localstorage，一切都
localStorage用法小总结
Supercaojh的博客
10-25 960
记得前端大神winter说过：要建立起自己的知识体系，第一步：寻找线索(找准确、全面的)；第二步，建立联系；第三步，是分类(用思维导图)，第四步，是追本溯源(找到最初的那个它～) 今天，怀着崇拜大神的心情，来学习下 localStorage的基本用法。用到的学习机是chrome浏览器，毕竟大厂权威性还是可以的。 我首先在开发者工具的Console中，输入了 localStorage.然后就弹出了一
TypeError: Cannot read property '$localStorage' of undefined
qq_38502227的博客
10-18 1828
//main.js //错误的写法 import router from "./router"; router.beforeEach((to, from, next) => { console.log(this.$localStorage.get("token")); next(); }); //main.js //正确的写法 import router from "./router...
localstorage存储的跨域解决方案
我笔记
12-18 1万+
localstorage也存在 跨域的问题， 【解决思路如下】 在A域和B域下引入C域，所有的读写都由C域来完成，本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域，原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需要读写时，通过postMessage 向【C域】发送跨哉消息， 【C域】监听跨域消息，在接...
localstorage跨域解决方案
热门推荐
sflf36995800的博客
11-22 3万+
localstorage也存在 跨域的问题， 【解决思路如下】 在A域和B域下引入C域，所有的读写都由C域来完成，本地数据存在C域下; 因此 A哉和B域的页面必定要引入C域的页面; 当然C域最好是主域，原因后面会提到(在localstorage 不方便的情况下使用cookie); 【A域】【B域】需要读写时，通过postMessage 向【C域】发送跨哉消息， 【C域】监听跨域消息，在接...
localStorage取值
08-17
要从localStorage中取值，你可以使用JavaScript的`getItem()`方法。以下是一个示例： ```javascript // 从localStorage中获取名为"myKey"的值 var value = localStorage.getItem("myKey"); // 打印获取到的值 console.log(value); ``` 在上面的示例中，我们使用`getItem()`方法从localStorage中获取名为"myKey"的值，并将其存储在变量`value`中。你可以根据你存储的键名来替换"myKey"，然后通过打印`value`来查看获取到的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值