。百度是一个很典型的代表。在百度的搜索框中输入相关信息的时候,会有搜索联想以及自动补全。
。搜索联想和自动补全:实际上是为了方便用户的使用。让用户的体验更好。
。搜索联想:当用户输入一些单词之后,自动联想出用户要搜索的信息,给一个提示。
。自动补全:当联想出一些内容之后,用户点击某个联想的单词,然后将这个单词自动补全到搜索框当中。
。搜索联想和自动补全功能,因为是页面局部刷新效果,所以需要使用ajax请求来完成。
1、当键盘事件发生之后,比如: keyup:键弹起事件。
2、发送ajax请求,请求中提交用户输入的搜索内容,例如:北京(发送ajax请求,携带"北京"两个字)。
3、后端接收到ajax请求,接收到"北京"两个字,执行3、select语句进行模糊查询。返回查询结果。
4、将查询结果封装成json格式的字符串,将json格式的字符串响应到前端。。5、前端接收到json格式的字符串之后,解析这个json字符串,动态展示页面。