微信小程序数据缓存实现方法详解

2019-11-19 10:57:59

字体：大中小

来源：转载

供稿：网友

微信小程序可以通过wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）对本地缓存进行设置、获取和清理。本地缓存最大为10MB。

wx.setStorage()---------异步设置缓存

微信官方给出的属性

OBJECT参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
data	Object/String	是	需要存储的内容
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

调用方式：

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

wx.setStorageSync()---------同步设置缓存

微信官方给出的属性

参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
data	Object/String	是	需要存储的内容

调用方式：

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

wx.getStorage()--------异步获取缓存

微信官方给出的属性

OBJECT参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
success	Function	是	接口调用的回调函数,res = {data: key对应的内容}
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明：

参数	类型	说明
data	String	key对应的内容

调用方式：

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

wx.getStorageSync()--------同步获取缓存数据

微信官方给出的属性说明

参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key

调用方式：

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

wx.getStorageInfo()------异步获取当前缓存的数据

微信官方给出的属性说明

OBJECT参数说明：

参数	类型	必填	说明
success	Function	是	接口调用的回调函数，详见返回参数说明
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

success返回参数说明：

参数	类型	说明
keys	String Array	当前storage中所有的key
currentSize	Number	当前占用的空间大小, 单位kb
limitSize	Number	限制的空间大小，单位kb

调用方式：

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

wx.getStorageInfoSync()-------同步获取当前缓存数据

emmmmm---微信并没有给参数说明

调用方式：

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

wx.removeStorage()-----异步移除指定的key的缓存数据

微信官方参数说明

OBJECT参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key
success	Function	是	接口调用的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

调用方式:

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

wx.removeStorageSync()------同步移除指定key的缓存数据

微信官方参数说明

参数说明：

参数	类型	必填	说明
key	String	是	本地缓存中的指定的 key

调用方式：

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

wx.clearStorage()------异步清理本地缓存

调用方式：

wx.clearStorage()

wx.clearStorageSync()-------同步清理本地缓存

调用方式：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：小程序实现层叠卡片滑动效果

下一篇：使用typescript构建Vue应用的实现

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注

微信小程序 数据缓存实现方法详解

微信小程序数据缓存实现方法详解