jquery输入框自动提示

1. 下载jar包:jquery.autocomplete.js

2. 页面内容:<script type="text/javascript" src="../jquery.autocomplete.js"></script>
<link rel="stylesheet" type="text/css" href="../autocomplete.css" />

 //初始化页面加载项
 $(function (){
  var options = { serviceUrl:'url路径'}; 
  $('#queryId').autocomplete(options);
 });

3.控制器:
 public void getContent() throws IOException{
  String keyWord = getParameter("query");
  //根据keyWord查询匹配的信息
  StringBuilder sb = new StringBuilder();
  sb.append("{");
  sb.append("\"query\":\""+keyWord+"\",");
  sb.append("\"suggestions\":[");
// 加入你自己的数据信息,返回json格式即可。

  sb.append("}"); 
  //System.out.println(sb.toString());

 }

 

 

posted on 2014-09-15 14:39  Msea  阅读(114)  评论(0编辑  收藏  举报

导航