为了账号安全,请及时绑定邮箱和手机立即绑定

搜索框的联想词功能如何实现

搜索框的联想词功能如何实现

PHP
摇曳的蔷薇 2018-08-18 21:26:04
这个功能需要前后端配合吗?还是只要前端就能完成呢需求是填写项目名称,下面的框自动出现补全的多条项目名称,点一下,上面的输入框就补全了网上查到的是这个接口http://suggestion.baidu.com/su,但是这个接口ajax调出的数据并不包含我们需要的项目名称感谢大家给我解答,1楼的比较符合我内心想法和我现在的技术水平,所以采纳了他,非常感谢大家!!!谢谢!谢谢!谢谢!
查看完整描述

2 回答

?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

前后配合,你这个已经不是联想了

那个链接是百度的。

前端检测到input onchange就去后端查询匹配的字符串,让后端给你返回一个按照关联性排序好的包含结果的数组


查看完整回答
反对 回复 2018-08-19
?
慕桂英4014372

TA贡献1871条经验 获得超13个赞

首先:

  • 数据量非常小才可以全部load到客户端然后把逻辑写在前端

  • 数据量大就需要进行后端配合

其次,实现的话存储数据结构采用trie树进行,这样可以进行快速检索,后端只需负责根据输入查找。前端监听输入框,输入停止若干毫秒ajax提交到后端返回补全后的内容即可。

相关参考:twitter的js库 typeahead.js


查看完整回答
反对 回复 2018-08-19
  • 2 回答
  • 0 关注
  • 574 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信