stringbuffer在最前面添加_Javaweb-案例练习-2-给搜索框添加提示

给搜索框添加搜索提示功能

这篇来利用Ajax做一个给搜索框添加搜索提示的功能，这个我们在百度首页，搜索框随便输入一个字符，就能弹出联想自动，可供用户选择，这篇要做的就是这么一个场景。

1. 需求

就是这么一个功能。

2. 文件准备

需求中这个index.jsp中的搜索在我们原来项目中没有这个代码，所以这里先把这个素材拷贝进来。(具体素材在我这个项目github上有)

本篇主要是index.jsp和menu_search.jsp这两个文件。在index.jsp中静态包含了menu_search.jsp，代码中%@include file="menu_search.jsp" % ，这行代码就是我们前面学习JSP指令学习过的静态包含，是在JSP转换Servlet时引入的文件。

3. 给搜索框添加信息提示框

在mene_search.jsp中，给搜索框先整出一个div框来，宽度和搜索框的宽度一样，为了显示明显，先来给边框添加红色。

在menu_serch.jsp文件底部，添加一个div，代码如下。

"context1" style="border: 1px solid red;background-color: white;width: 126px;height: 100px; position: absolute;left: 860px;top: 135px;">

浏览器刷新，看看效果。

4. 创建一个空的servlet文件

先创建一个SearchBookAJAXServlet.java,对应的url映射是/searchBookAJAXServlet

这部分代码后面来写。

5. Dao层代码

在BookDao接口文件中，最底部添加这个代码

public List searchBookByName(String name) throws SQLException;

在BookDaoImpl.java添加对应的具体方法实现代码。

public List searchBookByName(String name) throws SQLException {

QueryRunner qr = new QueryRunner(C3P0Utils.getDataSource());

return qr.query("select name from book where name like ?