自动添加输入框html,jquery autocomplete插件 实现输入框自动补全

需求：如图

提示内容从数据库中取得。

1.jsp页面加入输入框

也可用纯html标签。

2.jsp页面加入 autocomplete插件的css和js文件，另外还有jquery的js文件

3.写ajax请求

4.写action:book_autoComplete.action

该action方法 从数据库中找到符合要求的集合，拿出指定字段

public String autoComplete(){

System.out.println("bookAction+autocomplete"+bookName);

bookList = bookService.bookVague(bookName);

for(Book book : bookList){

autoSuggests.add(book.getBookName());

}

return "bookVague";

}

autoSuggests为需要传送的json数据，此处采用注解方式

//作为JSON数据返回，设置serialize=false

@JSON(serialize=true)

public List getAutoSuggests() {

return autoSuggests;

}

注意一定要加的jar包

s-struts2-json-plugin-struts2-json-plugin-2.3.16.1.jar

c-commons-lang3-commons-lang3-3.1.jar

否则报错：

Caused by: java.lang.ClassNotFoundException: org.apache.commons.lang3.StringUtils

5.具体的 daoimpl 省略。