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

2023-08-16 15:41:08 73

微信小程序可以通过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{
varvalue=wx.getStorageSync('key')
if(value){
//Dosomethingwithreturnvalue
}
}catch(e){
//Dosomethingwhencatcherror
}

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

微信官方给出的属性说明

OBJECT参数说明：

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

success返回参数说明：

参数	类型	说明
keys	StringArray	当前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{
varres=wx.getStorageInfoSync()
console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)
}catch(e){
//Dosomethingwhencatcherror
}

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){
//Dosomethingwhencatcherror
}

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

调用方式：

wx.clearStorage()

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

调用方式：

try{
wx.clearStorageSync()
}catch(e){
//Dosomethingwhencatcherror
}

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

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

热门推荐

随机推荐

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