過去数時間からこのコード フラグメントをいじっていますが、jQuery のオートコンプリート UI がどのように機能するかを理解できません。このチュートリアルに従いましたhttp://viralpatel.net/blogs/tutorial-create-autocomplete-feature-with-java-jsp-jquery/ 同じ例を使用しましたが、リクエストを JSP に送信する代わりに、サーブレットを使用しました。リクエストはサーブレット「Fetcher」に到達し、同様に実行されますが、ページには何も返されません。これがコードです。
public class Fetcher extends HttpServlet {
[...]
List<String> countryList = new ArrayList<String>();
String param = request.getParameter("term");
countryList.add("USA");
countryList.add("Pakistan");
countryList.add("Britain");
countryList.add("India");
countryList.add("Italy");
countryList.add("Ireland");
countryList.add("Bangladesh");
countryList.add("Brazil");
countryList.add("United Arab Emirates");
PrintWriter out = response.getWriter();
response.setContentType("text/plain");
response.setHeader("Cache-Control", "no-cache");
for(String country : countryList){
out.println(country);
}
[...]
}
HTML の Javascript フラグメント:
<script>
$(function() {
$( "#tags" ).autocomplete({
source: "Fetcher"
});
});
</script>
HTML フォーム:
<label for="tags">Tags: </label>
<input id="tags" />
このページの例は、jquery のプロ向けに書かれているようです ( http://jqueryui.com/autocomplete/#default ) 。他の場所で使用できるように、誰かがそれがどのように機能するかを正確に教えてください.