搜索页面
2017-12-12 20:39:22 0 举报搜索页面
作者其他创作
大纲/内容
点击删除
页面刚刚打开的时候
重新存回本地存储
为了避免history.back()的
重新渲染历史 列表
获取本地存储中的数据，用JSON.parse转换成数组
如果数组中已经存在相同的数据--- 根据索引删除旧的数据，追加(push新的数据)
在表单中搜索
利用数据去渲染模板引擎，然后渲染到页面上的搜索历史列表
点击清空按钮
用splice删除这条数据
清空历史记录
获取当前的这条历史记录对应的id
清空整个本地存储
用户打开搜索页面
判断关键字，如何是空的，则提示用户搜索关键字不能为空，然后直接return返回
去本地存储中获取本地存储，通过JSON.parse解析出来数组
判断数组的长度，如果小于10，则直接把关键字数据push进去
获取本地存储中的数据，通过JSON.parse解析出来数组
如果大于10，则去掉最旧的数据，把新的push进去
如果不存在相同的数据
把数组转换成json数据，存到本地存储当中
遍历数组中的数据，与搜索关键字进行比较
用户在文本框中输入搜索关键字，点击搜索表单搜索，获取到用户的搜索关键字(要进行左右空格的清除)
跳转到搜索列表页
删除历史记录
0 条评论
下一页
