3

過去数時間からこのコード フラグメントをいじっていますが、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 ) 。他の場所で使用できるように、誰かがそれがどのように機能するかを正確に教えてください.

4

1 に答える 1