微信小程序 缓存
关于本地缓存
可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB
一、异步缓存
wx.setStorage(OBJECT)
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容
})
wx.getStorage(OBJECT)
console.log(res.data)
}
})
wx.getStorageInfo(OBJECT)
异步获取当前storage的相关信息
console.log(res.keys)
console.log(res.currentSize)
console.log(res.limitSize)
}
})
wx.removeStorage(OBJECT)
从本地缓存中异步移除指定 key 。
console.log(res.data)
}
})
二、同步缓存
wx.setStorageSync(KEY,DATA)
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
wx.getStorageSync(KEY)
wx.getStorageInfoSync
同步获取当前storage的相关信息
wx.removeStorageSync(KEY)
从本地缓存中同步移除指定 key 。
三、清理缓存
wx.clearStorage()
清理本地数据缓存。
wx.clearStorageSync()
同步清理本地数据缓存
关于同步缓存和异步缓存的区别
以Sync(同步,同时)结尾的都是都是同步缓存,二者的区别是,异步不会阻塞当前任务,同步缓存直到同步方法处理完才能继续往下执行。
但是一般情况下不要用清除所有的缓存,如果想要清除相应的缓存,设置对应的缓存内容为空数组就好
关于历史搜索
页面
这里有三个绑定事件
获取用户输入的数据
删除历史搜索 e.detail.value就代表了当前输入值 当点击搜索的时候,bindtap="setSearchStorage" } 流程这么走: 2.如果数据不为空,加入(设置)本地缓存 这里的缓存形式的 key=>value
获取本地名字为'searchData'的缓存,如果'searchData'这个缓存不存在就相当于重新什么一个空数组,赋值给searchData这个变量
将用户输入的值PUSH进searchData这个变量里
调用API接口,重新设置key = 'searchData'的这个缓存的value等于searchData 下面的wx.request是请求数据的内容,说腻了,印象够深了。 这里没有绑定获取缓存的bindtap,只要获取到,然后添加到Page里面的data deleteHistory deleteHistory:function(){ } 这里是将'searchData'这个key的缓存的value为空数组,而不是使用API提供的wx.clearStorageSync,这个会清除其他的所有缓存,而我只是想清除这一个key的缓存 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
searchNameInput:function(e){
var that = this;
that.setData({
inputValue:e.detail.value
})
}
//读取<a href="/tag/yonghu/" target="_blank" class="keywords">用户</a><a href="/tag/sousuo/" target="_blank" class="keywords">搜索</a>商品
var name = this.data.inputValue
wx.request({
url: 'www.shop.com/home/product/search',data: {name:name},method: 'GET',success: function(res){
that.setData({
goodsList: res.data.info,})
},})
} var searchData = wx.getStorageSync('searchData')||[]
this.setData({
searchData:searchData
})
var that = this
wx.showModal({
title: '<a href="/tag/tishi/" target="_blank" class="keywords">提示</a>',content: '是否<a href="/tag/shanchu/" target="_blank" class="keywords">删除</a>历史<a href="/tag/sousuo/" target="_blank" class="keywords">搜索</a>',success: function(res) {
if (res.confirm) {
wx.setStorageSync('searchData',[]);
wx.switchTab({
url: '/pages/index/index',})
}
}
})