Java 杂谈

程序员用Java实现智能搜索框,更智能的精准信息将极速呈现!

2019-05-06  本文已影响3人  a847c1ac3b3f

此次小编给大家介绍的是用Servlet+Ajax实现智能搜索框智能提示功能,类似于百度搜索

实现效果图如下:

如果有想学习java的同学,可来我们的java技术学习QQ群:928204055,免费送整套系统的java视频教程!我每晚上8点还会在群内直播讲解Java知识,欢迎大家前来学习哦。下面是部分资料截图:

基本原理:

1.给搜索框编写js绑定事件onkeyup(键盘输入时)、onfocus(当鼠标点击搜索框外的时候清空提示)

2.首先获得用户输入、之后将获得的数据传给服务器,服务器将数据传给后台,后台获取服务器传来的数据进行处理,得到关联数据,向前端返回json格式,前端通过回调函数,将返回来的json解析成文本,将文本传输到搜索框下方的展示窗

如下为支持json的jar包

实现代码如下:

search.jsp

SearchServlet.class

web.xml

欢迎关注胖胖爱Java的简书号,可视化学习java,每天更新文章,让Java学习更加简单。

声明:本文内容来源于网络,如有侵权请联系删除

上一篇下一篇

猜你喜欢

热点阅读