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

最新推荐文章于 2024-12-26 17:19:11 发布

原创

最新推荐文章于 2024-12-26 17:19:11 发布 · 2.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#搜索记录 #创建搜索记录 #清空搜索历史

本文介绍了如何在小程序中实现搜索记录的管理，包括使用本地缓存创建和获取搜索记录，以及如何清除搜索历史。具体步骤涉及在页面加载时显示搜索记录，新增记录时的操作，以及删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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(searchRecord