使用JSP和jQuery自动完成InputText时无输出

问题描述:

我想为城市列表创建自动完成输入文本。我在JSP页面中获取输出(已选中),但我不知道如何在编辑文本建议中取回对所请求页面的响应。使用JSP和jQuery自动完成InputText时无输出

这里是我的代码:

的index.jsp

$("#city").autocomplete("indexEditText.jsp");
<html> 
 
<link rel="stylesheet" type="text/css" href="https://pengoworks.com/workshop/jquery/lib/jquery.autocomplete.css" /> 
 
\t <script type="text/javascript" 
 
\t \t \t src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
 
\t <script src="https://pengoworks.com/workshop/jquery/lib/jquery.autocomplete.js"></script> 
 
    
 
</head> 
 
<body> 
 
\t <h3>City</h3> 
 
\t <input type="text" id="city" name="city"/> 
 
\t 
 
\t 
 
</body> 
 
</html>

indexEditText.jsp

<% 
     List<String> l = ConnectionProvider.getData(request.getParameter("city")); 
     Iterator<String> iterator = l.iterator(); 
     String[] city=null; 
     int i=0; 
     while(iterator.hasNext()) { 
     city[i]= (String)iterator.next(); 
     out.println(city[i]); 
     i++; 
    } 
     /* String json = new Gson().toJson(l); 
     response.getWriter().write(json); */ 
    %> 
(A与编辑文本和JavaScript插件文件)

我发现自动完成文本view.i的简单替代方法无法通过 解决上述获取方法。

我们可以在列表中使用HTML5的<datalist>标签和填充数据与脚本/代码帮助无论你使用retrieve.Here我用Java和JSP页面视图。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<% 
List<String> l = ConnectionProvider.getData(); 
%> 
<input list="citylist" name="city"> 
<datalist id="citylist"> 
<%for(String s : l) 
    {System.out.println(s); 
    %> 
     <option value=<%=s%>> 
<% } 
%> 
<option value="Internet Explorer"> 
    <option value=<% %>> 

</datalist> 


</body> 
</html> 

除了这些改善可以使用SQL索引 ,中学一级缓存的性能。