小程序---微信本地存储的方法

我们在开发的过程中，常常会用到本地存储，下面我给大家分享一下微信本地存储的使用。

一、数据支持

需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。

二、方法

1、同步

（1）wx.setStorageSync(); //存储值

try {wx.setStorageSync('key', 'value')
} catch (e) {}

（2）wx.removeStorageSync(); // 移除指定的值

try {wx.removeStorageSync('key')
} catch (e) {// Do something when catch error
}

（3）wx.getStorageSync(); // 获取值

try {var value = wx.getStorageSync('key')if (value) {// Do something with return value}
} catch (e) {// Do something when catch error
}

（4）wx.getStorageInfoSync(); // 获取当前 storage 中所有的 key

try {const res = wx.getStorageInfoSync()console.log(res.keys)console.log(res.currentSize)console.log(res.limitSize)
} catch (e) {// Do something when catch error
}

（5）wx.clearStorageSync(); // 清除所有的key

try {wx.clearStorageSync()
} catch(e) {// Do something when catch error
}

2、异步

（1）wx.setStorage(); //存储值

将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB，所有数据存储上限为 10MB。

wx.setStorage({key:"key",data:"value"})

（2）wx.removeStorage(); // 移除指定的值

wx.removeStorage({key: 'key',success (res) {console.log(res)}})

（3）wx.getStorage(); // 获取值

wx.getStorage({key: 'key',success (res) {console.log(res.data)}})

（4）wx.getStorageInfo(); // 获取当前 storage 中所有的 key

wx.getStorageInfo({success (res) {console.log(res.keys)console.log(res.currentSize)console.log(res.limitSize)}})

（5）wx.clearStorage(); // 清除所有的key

wx.clearStorage()

以上就是微信给我们提供的本地存储的方法，希望对大家有帮助！

小程序---微信本地存储的方法相关推荐

微信小程序使用本地存储
在使用微信小程序的时候当获取接口的数据的时候,接口传输过来的数据很大,而每一次回到这个页面又再一次的查询获取数据,这难免会拖垮小程序的速度.这个时候就需要使用本地存储. 变量的含义 Cates :接口 ...
微信小程序实现本地存储
效果如下用到小程序的wx.getStorageSync()方法本地存储格式思路 1.第一次进入页面时候判断是否存在本地存储以及是否收藏 2.如存在,则说明以前进行过收藏或者取消收藏 3.如果第一 ...
微信小程序的本地存储、页面跳转、以及请求封装
一.常见的交互反馈设计 1.使用button组件的loading属性,在按钮的文字前边出现一个Loading 2.wx.showToast显示提示(一般搭配wx.hideToast使用) wx.sho ...
微信小程序---全局/本地存储
1. 在app.js 中存储 1.1 接口 // 往本地存储,防止小程序关闭,重写登录 wx.setStorageSync('userinfo', info); // 从本地获取值 wx.getSto ...
微信小程序：本地存储数据
1.本地存储多个数据(嵌套数组),封装数组对象 js书写:addr本身也是数组 var newNa = {"tel": 122222,"addr":that.d ...
小程序获取本地存储数据，然后传参的时候是上次请求的id
本地存储 // 本地存储wx.setStorage({key: "city",data: id}) 获取本地存储id wx.getStorage('city') //异步一样可以获 ...
微信小程序开发：小程序的本地数据缓存
小程序的本地数据缓存本地数据缓存,指的是把数据存储在当前设备硬盘上,妥善使用本地数据缓存,可以带来良好的用户体验. 微信小程序提供了同步和异步两组读写本地数据缓存的接口. 读取本地数据 wx.get ...
微信小程序与本地数据库的进行基础数据交互的案例——使用Java后台
微信小程序与本地数据库的进行基础数据交互的案例--使用Java后台案例介绍本地数据库储存用户信息表后台Java访问数据库,获得需要数据小程序端访问服务器环境配置及需要的项目代码资源: 案例介 ...
微信小程序setinterval_微信小程序中setInterval的使用方法
微信小程序中setinterval的使用方法看了下小程序的画布功能,简单的使用了一下,用蹩脚的逻辑做了个 "弹啊弹,弹走鱼尾纹的小球",一起来看下吧.过程不重要主要是画布的使用哦 ...

小程序---微信本地存储的方法

小程序---微信本地存储的方法相关推荐

最新文章

热门文章