首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何实现搜索的关键词提示功能

    当你搜索某一关键词时,它会贴心在下拉补全一些热门关键词,像下图这样: 搜索关键词提示 你点击某一关键词,页面就直接跳转到结果页面,这种显示搜索关键词提示功能,一定程度上节省用户的搜索时间。...但是,在公司内部的很多系统中,搜索中都没有这个功能。如果你能实现这个功能,那么你的用户在使用时肯定会眼前一亮,顿生好感,领导看到后也会给你点赞。...前端的实现网上一搜一大堆,比如搜索关键字「搜索自动补全」就有很多结果,这里就不说了。这里主要说下后端如何实现。...github.com/pytries/marisa-trie https://marisa-trie.readthedocs.io/en/latest/tutorial.html 写在最后 上述只实现了搜索智能提示的一小步...第一个问题比如好解决,我们可以按搜索的频度或关键词的搜索结果数来为每个关键词自动生成一个权重数,按权重从大到小选择性的显示前 n 条即可。

    3K20

    web学习笔记13-移动端搜索提示功能

    --搜索结果和搜索历史--> <script src="search.<em>js</em>" type="application...第三步:编写<em>js</em>逻辑 一般情况下,我们在进入<em>搜索</em>页面的时候,大多数会出现历史<em>搜索</em>,也就是<em>搜索</em>记录,我们首先需要的就是进行历史<em>搜索</em>的渲染,我这里历史<em>搜索</em>都是用localStorage进行存储,大家根据需要可以进行对应的存储或者获取...ajaxCache[keyName]){ //显示自动<em>提示</em><em>框</em>,给<em>框</em>里填关联词条的内容 setListPage(ajaxCache[keyName...if(data){ if(data.data){ //显示自动<em>提示</em><em>框</em>...} 这就基本完成了,这里没有加一个<em>搜索</em>结果页,在出现<em>提示</em><em>搜索</em>的时候,应该在上添加点击事件,以跳转到<em>搜索</em>结果页之类的,这边可以根据自己的需求来处理。

    55120

    Javaweb-案例练习-2-给搜索添加提示

    搜索添加搜索提示功能 这篇来利用Ajax做一个给搜索添加搜索提示的功能,这个我们在百度首页,搜索随便输入一个字符,就能弹出联想自动,可供用户选择,这篇要做的就是这么一个场景。 1. ...给搜索添加信息提示 在mene_search.jsp中,给搜索先整出一个div来,宽度和搜索的宽度一样,为了显示明显,先来给边框添加红色。...刷新浏览器,看看/index.jsp效果,搜索输入一个J看看,div提示的效果。...下面代码调整之后,可以点击填充到搜索,和解决这个搜索不输入任何字符,提示全量name这个问题。...项目全部代码请看github: 这篇代码的commit message为 “搜索提示并点击填充完成 ”

    1.3K41

    Javaweb-案例练习-2-给搜索添加提示

    搜索添加搜索提示功能 这篇来利用Ajax做一个给搜索添加搜索提示的功能,这个我们在百度首页,搜索随便输入一个字符,就能弹出联想自动,可供用户选择,这篇要做的就是这么一个场景。 1....给搜索添加信息提示 在mene_search.jsp中,给搜索先整出一个div来,宽度和搜索的宽度一样,为了显示明显,先来给边框添加红色。...刷新浏览器,看看/index.jsp效果,搜索输入一个J看看,div提示的效果。 到这里,还有问题没有解决,那就是点击div中提示,不能点击,我们需要点击之后,自动填充到search。...下面代码调整之后,可以点击填充到搜索,和解决这个搜索不输入任何字符,提示全量name这个问题。...项目全部代码请看github: 这篇代码的commit message为 “搜索提示并点击填充完成 ”

    1.1K20
    领券