利用cookie实现搜索记录

        有时候我们需要在客户端保存用户的搜索记录,这样一来,当用户再次点击输入框,就可以自动显示用户最近的输入记录。最终效果如下:

1,默认情况下,用户未输入,显示最近的几条搜索记录:


2,用户输入字符,自动匹配最近的搜索记录:


想法是用一个数组存储用户的输入记录,然后放到cookie中,对搜索记录的所有操作都围绕这个数组进行。思路如下:

1,显示:从cookie中拿到这个数组,从后往前显示内容,因为后面的是最新的;
2,添加:首先监测是否存在,如果存在,就删除原来的,然后把新的添加到数组的最后;
3,删除:直接从数组中删除这条记录。然后更新cookie值。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值