Servlet+ajax实现模糊搜索

这篇博客介绍了如何利用Servlet和Ajax技术在JavaWeb应用中实现模糊搜索。首先创建了一个包含输入框的页面,模仿百度搜索的智能搜索功能。接着,通过监听input元素的onkeyup事件,在用户键盘抬起时调用getMoreContents方法,该方法负责发送请求到后台的Servlet。Servlet接收到请求后,根据关键词从数据(可以是模拟数据或数据库数据)中筛选匹配项,并以JSON格式返回给前端,前端再将结果显示在表格中。
摘要由CSDN通过智能技术生成
  一.实现ajax方式可以是javascript或者jquery,初学者建议使用javascript。

二.首先新建一个jsp文件或者html文件,做一个简单的输入框<input/>,查看百度的模糊搜索(智能搜索);然后再添加一个table作为展示查询数据

三,我们在<input/>标签里面绑定三个事件,分别是onkeyup,onblur,onfous.对应的是当释放键盘时,当输入框离开时,当输入框聚焦时。我们仔细观餐百度搜索时,这三种情况下输入的情况,这里自己去试一试。我对onkeyup绑定了getMoreCondtents方法,当键盘释放时,就会自动执行这个方法,后面俩个事件一样。然后跳转我们的jgetMoreContents方法中去。这个我给大家提供后思路,自己去写JS。

四.通过ajax访问servlet,自己在web.xml里面配置自己新增的servlet
public class SearchServlet extends HttpServlet {
static List<String>datas = new ArrayList<String>();
static{
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值