autocomplete 是一个很不错的WEB展现,幸运的是jquery 已经提供了这样的一个插件. 应该包含在jquery UI 中。在用搜索引擎的时候,比如,百度,谷歌,当我们输入一些要查询的内容的时候,会自动出现一些相关的东西,这就是autocomplete. 其实应该是不难的。先自己想想,在没有任何插件的情况下,一般是这样完成的,根据输入的内容,发送AJAX请求到后台,然后返回内容,在前台用DIV 展示。基本就是这样,当然有很多细节要处理。这里讲一个简单的例子:
有两个字段,一个 country, 一个Technologies,这两个字段都是autocomplete特性。唯一不同的是,country 字段只能选择一个值,而Technologies字段可以选择多个值,并且用 逗号(,)分开.
先看看主要用到的东西吧:
JQuery UI (autocomplete)
spring mvc 3.0 以上,还要包含jackson这个jar包,因为打算返回json对象给前端。
具体连接数据库部分,就省略,可以先dummy一个。import java.util.ArrayList;
import java.util.List;
import java.util.StringTokenizer;
public class DummyDB {
private Listcountries;
private Listtags;
public DummyDB() {
String data = "Afgha