2016-12-25 11 views
0

市のリストの入力テキストを自動作成したいとします。私はJSPページ(チェックされた)の出力を取得していますが、私はどのように編集されたテキスト提案の要求されたページへの応答を取得するのか分かりません。ここでJSPおよびjQueryでAutoComplete InputTextを出力しない場合

私のコードです:

index.jspを(エディットテキストおよびJavaScriptプラグインを使用してファイル)

$("#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); */ 
    %> 

答えて

0

私は上記の方法を解決するために、 の自動完成テキストビューの簡単な代替方法を見つけることができませんでした。

我々はHTML5の<datalist>タグを使用して、私は、ビューのJavaおよびJSPページを使用しますがretrieve.Hereに使うものは何でもスクリプト/コードの助けを借りて、リスト内のデータを埋めることができます。これら以外にも

<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インデックス 、二次レベルのキャッシュを使用することができ、パフォーマンスを向上させます。

関連する問題