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());

 }

 

 

转载于:https://www.cnblogs.com/harbin1900/p/8480959.html