java - ajax呼び出しを行うことにより、Javaサーブレット、jquery、jsonオブジェクトを使用して、データベースの結果からHTMLページでオートコンプリートテキストボックスを作成する方法

Question

さまざまなことを試しましたが、これを行うことができません。私はjquery jsonとajaxに非常に慣れていません。データベースに接続し、テーブルからユーザー ID を取得するサーブレットを作成しました。入力テキストを受け取り、キーを押すたびに結果を絞り込むテキストボックスを持つjspを作成しました。サーブレットからjsonオブジェクトを送信することにより、jquery ajaxを使用してhtmlページで実行したいと考えています。誰かがこのシナリオの例を教えてください。

前もって感謝します。

Answer 1

http://jsfiddle.net/tAjNz/

<input type="text" />
<select id="autoPop" multiselect="true"></select>
<script>
// define a data source (ajax or on page load);
myJson = [{value:1,text:'Item One'},{value:1,text:'Item Two'},{value:1,text:'Item Three'},{value:1,text:'Item Four'}];



$('input[type="text"]').keyup(function(){
    //Optionally update the data source when a user starts typing or use the predefined source.
    //Populate the select list
    $sel = $('select');
    $sel.html('');
    var $this = $(this);
    $.each(myJson,function(k,v){
        if(v.text.toLowerCase().indexOf($this.val().toLowerCase()) > -1) {                    
            $sel.append('<option value="' + v.value+ '">'+ v.text+'</option>');           
                }
    });
});
</script>