2010-12-08 15 views
1

私はAJAX経由でURLを呼び出し、ユーザーがフォームにデータを入力するときにオートコンプリート結果を更新するJQueryオートコンプリートスクリプトを作成しようとしています。AJAXを使ったJQueryオートコンプリート

私は自分のAJAXセットアップを持っていて、現在JSONを返しています。しかし、私はautocomplete関数を呼び出すと応答を使用する方法について知りません。私は次のような作業をすることができましたが、これは静的なデータなので、私の仕事にはうってつけです。

乾杯。

答えて

5

http://jqueryui.com/demos/autocomplete/#remote

$("#birds").autocomplete({ 
     source: "search.php", 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? 
       "Selected: " + ui.item.value + " aka " + ui.item.id : 
       "Nothing selected, input was " + this.value); 
     } 
    }); 

PHPは、JSON形式で値を返す必要があり、この http://jqueryui.com/resources/demos/autocomplete/search.php?term=ai

JSON命令などのhttp://us2.php.net/json

+0

私は正しいことのようにフォーマットされた私のJSONを持っている:[{ "名":" Thomas "、" id ":1}]最後に" term = ai "を入れるのはどうですか?応答もデバッグできる方法はありますか? – diggersworld

+1

PHPを使ってクエリ文字列を取得するために$ _GET ["term"]を実行すると、データベースクエリとJsonで直列化した結果が得られます。ここに例があります。 http://fromvega.com/wordpress/2007/05/05/auto-complete-field-with-jquery-json-php/ –

+0

またはhttp://www.nodstrum.com/2007/09/19/autocompleter/ –

関連する問題