2016-12-25 10 views
0

도시 목록에 대한 자동 완성 입력 텍스트를 만들고 싶습니다. JSP 페이지 (체크 된)에서 결과를 얻고 있지만 편집 된 텍스트 제안에서 요청한 페이지에 대한 응답을받는 방법을 모르겠습니다.JSP 및 jQuery로 AutoComplete InputText를 출력하지 않습니다.

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

index.jsp를 (편집 텍스트와 자바 스크립트 플러그인 파일) : 여기

내 코드입니다

답변

0

자동 완성 텍스트보기의 쉬운 대체 방법을 찾았습니다. 위의 방법으로 위의 방법을 해결하기 위해 을 해결할 수 없었습니다.

우리는 당신은 내가보기에 대한 자바와 JSP 페이지를 사용 retrieve.Here에 사용 어떤 스크립트/코드의 도움으로 목록의 데이터를 HTML5의 <datalist> 태그를 사용하여 채울 수 있습니다. 이 외에도

<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 색인 , 차 레벨 캐시를 사용하여 성능을 향상시킬 수 있습니다.