Servlet+ajax实现模糊搜索

矫情吗；* 2022-07-12 15:20 268阅读 0赞

一.实现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\{

> datas.add("ajax");  
>  datas.add("as");  
>  datas.add("adsfs");  
>  datas.add("asdfdsffds");

protected void doGet(HttpServletRequest request, HttpServletResponse response)

> throws ServletException, IOException \{   
> String keyword=request.getParameter("keyword");  
>  List<String>listData= getData(keyword);  
>  //返回json格式数据
> 
> response.getWriter().write(JSONArray.fromObject(listData).toString());

//获得关联数据的方法

public List<String> getData(String keyword)\{

>  List<String>list = new ArrayList<String>();
> 
>  for(String data:datas)\{ if(data.contains(keyword))\{ 
> 
>  list.add(data);
> 
> \}
> 
> return list;

然后我自己构造了一个List数据当作测验，当然你可以在连接数据库进行操作，这里我就不多说。然后将获得的数据返回前台

然后对数据动态的生成就Ok了，第三步我已写了源代码，跟着函数的调用步奏就好了。 ![Center][]

[Center]: /images/20220709/85a00a6b49354f94a761e08dd56696dc.png