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

微信(小程序)  /  管理员 发布于 4年前   1300

微信小程序可以通过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}

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

您可能感兴趣的文章:

• 微信小程序-详解数据缓存
• 微信小程序 缓存（本地缓存、异步缓存、同步缓存）详解
• 微信小程序之数据缓存的实例详解
• 微信小程序本地缓存数据增删改查实例详解
• 微信小程序基于本地缓存实现点赞功能的方法
• IOS中微信小程序播放缓存的音频文件的方法
• 微信小程序开发之数据存储 参数传递 数据缓存
• 微信小程序实现缓存根据不同的id来进行设置和读取缓存
• 微信小程序缓存过期时间的使用详情
• 微信小程序中网络请求缓存的解决方法