失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 小程序创建搜索记录 获取搜索记录 删除搜索历史

小程序创建搜索记录 获取搜索记录 删除搜索历史

时间:2020-04-08 03:24:34

相关推荐

小程序创建搜索记录 获取搜索记录 删除搜索历史

1.搜索记录一般是通过创建本地缓存来实现的,需要战士的时候将其取出展示,需要清空时清除本地缓存即可。

2.代码

(1)onload获取搜索记录展示

onLoad: function(options) {//历史记录var searchRecordItem = (wx.getStorageSync('searchRecord') == undefined || wx.getStorageSync('searchRecord') == '') ? [] : wx.getStorageSync('searchRecord');that.setData({searchRecordItem: searchRecordItem});},

(2)创建搜索记录

//创建搜索记录setRecord:function() {var searchRecordList = (wx.getStorageSync('searchRecord') == undefined || wx.getStorageSync('searchRecord') == '') ? [] : wx.getStorageSync('searchRecord');if(that.data.lpname == undefined || that.data.lpname == '') return;//如果记录中已存在,则往前提,如果没有就直接头部添加if(searchRecordList.indexOf(that.data.lpname) >= 0) {//如果内找到该名字则说明缓存中已经存在,须将其提到第一个同时将原来位置的数据删除searchRecordList.splice(searchRecordList.indexOf(that.data.lpname), 1)//如果对缓存的个数有限制,超出的个数从尾部删除即可if(searchRecordList.unshift(that.data.lpname) > 18) {searchRecordList.pop();}} else {if(searchRecordList.unshift(that.data.lpname) > 18) {searchRecordList.pop();}}//将处理好的数据重新存入缓存中wx.setStorageSync('searchRecord', searchRecordList);},

(3)删除搜索记录

//清除历史记录clearRecord: function() {wx.showModal({title: '提示',cancelText:'关闭弹窗',confirmText:'清空',content: '是否清空历史记录',success(res) {if (res.confirm) {console.log('用户点击确定');var searchRecordList = wx.getStorageSync('searchRecord');searchRecordList = [];wx.setStorageSync('searchRecord', searchRecordList);that.setData({searchRecordItem: searchRecordList});} else if (res.cancel) {console.log('用户点击取消');}}})},

3.说明

第一步从缓存读=》第二步有则提前无则头部添加,如果超出则尾部删除=》第三步再次存入

如果觉得《小程序创建搜索记录 获取搜索记录 删除搜索历史》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。