uni.getStorageSync获取手机端H5存储的缓存（localStorage）数据

最新推荐文章于 2024-11-30 13:22:45 发布
最新推荐文章于 2024-11-30 13:22:45 发布
阅读量1.5w 收藏 15
点赞数 2
分类专栏： js javascript uni-app 文章标签： js vue 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39376990/article/details/108452725
版权
本文介绍了如何在uni-app中通过uni.getStorageSync方法获取HTML5页面本地存储（localStorage）的数据。首先，需理解uni-app的数据缓存API和H5的Storage模块。示例代码展示了H5存储数据和uni-app读取数据的过程，强调了两者之间的数据互通性。
摘要由CSDN通过智能技术生成
处理如题需求，我们须要先了解相关知识
  1. 需要先掌握uni-app关于数据缓存的api 传送门
  2. 需要了解html5的plus关于Storage模块的知识 传送门

如下h5代码

document.addEventListener('plusready', function(){
   
	plus.storage.setItem(
最低0.47元/天 解锁文章
uni-app 中的数据缓存
郭宝的博客
08-05 5635
uni-app 中的数据缓存
uniapp项目开发踩坑篇
weixin_49115895的博客
04-14 1478
uniapp项目开发踩坑篇 因为是第一次尝试使用uniapp开发app，对个平台兼容性不是很清楚，所以在开发过程中遇到了不少问题，特地来总结一下 存储机制 uni-app的localStorage在不同端的实现不同 H5端为localStorage，浏览器限制5M大小，是缓存概念，可能会被清理 app端为原生的plus.storage，无限制大小，不是缓存，是持久性的 各个小程序端为其自带的storage api，数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可
uniapp 之 本地存储
jun_tong的博客
09-27 2673
uniapp提供了一种简单易用的本地存储方式，它可以将数据存储到浏览器的LocalStorage中，也可以存储到微信小程序的本地缓存中，以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。二、LocalStorage的使用。
uniapp本地存储的几种方式localStorage
nalanxiaoxiao2011的博客
02-02 3999
前端本地存储 localStorage 遇到的问题
uni-app 使用笔记
最新发布
qq_30272167的博客
11-30 576
【代码】uni-app 使用笔记。
#Uniapp：数据缓存uni.setStorage、uni.setStorageSync、uni.getStorage、uni.getStorageSync、uni.getStorageInfo..
...
01-15 3136
从HBuilderX2.6.6+起，App-Android平台对本地storage数据存储进行了性能优化，老用户升级注意事项，详见：https://ask.dcloud.net.cn/article/37071。将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。从本地缓存中异步获取指定 key 对应的内容。从本地缓存中同步获取指定 key 对应的内容。
uniapp H5与vue之间存取缓存
weixin_47490704的博客
11-23 1882
1.vue存与h5取 vue： uni.setStorageSync('isClick', true) h5： JSON.parse(plus.storage.getItem('isClick')).data 2.h5存与vue取 vue： uni.getStorageSync('isClick') h5： plus.storage.setItem('isClick',""+false) 注：plus.storage.setItem()不能直接存false，得加上"" ...
vue、uniapp使用localstorage完成历史搜索功能
qq_42642780的博客
06-09 5957
本人小白最近在学习vue和uniapp，现在在做一个魅族商城的项目，做到了历史搜索这一块，想分享一下，希望大家可以指出错误！！！（博客处女作） 说明：这里主要说的是点击搜索按钮，然后你新输入的文本就会出现在下面搜索历史的第一个，最多可以添加8个，大于8个则删除最后一个元素，其他功能这里不说明，可以私聊我一起学习哈 vue文件中的父组件 因为这里不是在同一个组件实现 <view class="right-text" " @click="search">搜索</view> metho
uniapp中使用LocalStorage实现本地存储缓存数据
飙歌的博客
03-06 1932
uniapp提供了一种简单易用的本地存储方式，它可以将数据存储到浏览器的LocalStorage中，也可以存储到微信小程序的本地缓存中，以满足不同平台下的需求。可以使用uni.setStorageSync()方法将数据存储到LocalStorage中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。可以使用uni.setStorageSync()方法将数据存储到本地缓存中，该方法接受两个参数，第一个参数是存储的键名，第二个参数是存储的键值。二、LocalStorage的使用。
【uni-app】StorageSync 取值/赋值/移除/清空操作
loyd3的博客
04-27 1万+
取值 function get(key,sync = true) { try { if(sync){ return uni.getStorageSync(key); }else{ let data = ''; uni.getStorage({ key:key, success: function (res) { data = res.data; } }); return data; } } catch (e) {
uni-app——storage的使用(Storage、StorageSync)
热门推荐
qq_44862029的博客
02-27 2万+
一.uni.setStorage(OBJECT)OBJECT 参数uni.getStorage()uni.removeStorage()二. uni.setStorageSync(KEY,DATA)参数说明uni.getStorageSync()uni.removeStorageSync()注意 一.uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数 参数名 说明 k
uniapp没有localstorage可使用uni.setStorage
浮游的博客
06-06 1566
WEB应用的快速发展，本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。// 获取指定key 本地存储数据的值。// 删除指定key 本地存储的值。1、将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
uniapp本地存储（uni.setStorageSync，uni.setStorage）
2401_82816130的博客
03-24 5604
uniapp本地存储分为同步和异步存储
一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync（附Demo）
码农研究僧的博客
04-15 9313
uni.setStorage({key, data, success, fail, complete})：将数据异步存储到本地缓存中，可提供成功、失败和完成时的回调函数 uni.getStorage({key, success, fail, complete})：从本地缓存中异步获取数据，可提供成功、失败和完成时的回调函数
解决uniapp打包成apk后uni.getStorageSync获取不到值
请叫我欧皇！的博客
01-05 2602
uniapp写的项目，在hbuilderx中云打包成apk后我在登录存储的token死都获取不到，导致后续接口请求头没有token连接不到接口，试过了很多种方法，uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。
uniapp本地存储（uni.setStorageSync和uni.setStorage）
m0_64590669的博客
04-25 1万+
uniapp本地存储（uni.setStorageSync和uni.setStorage）
【uniapp】H5向uniapp通信存储数据——H5如何传递数据到uniapp方法的解决方案
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
04-08 1240
最近在做H5号码认证无感登录，发现市场上的H5登录文档不健全，没有适合uniapp的，综合对比了多家，找了一家个推的接入，由于SDK、demo都是H5，精力有限，于是打算通过H5完成认证，通过回调数据发送给Uniapp进行验证。
uniapp本地存储里的异步同步问题
weixin_46194350的博客
03-18 2134
uniapp本地存储里的异步同步问题，uniapp获取本地存储失败，本地存储方法不执行
小程序开发同步缓存、异步缓存
06-04 853
将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个。
UNIAPP 我需要实现单个客户自定义tab功能排序，该怎么快速存储或获取配置数据
09-19
- 使用`uni.setStorageSync`或`uni.getStorageSync`方法：对于简单的键值对数据，可以使用uniapp提供的本地存储API（如localStorage或IndexedDB），将配置信息以JSON字符串形式存储起来，设置好对应的key（例如：`...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值