使用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索引 ,中学一级缓存的性能。