データを繰り返してオートコンプリートの結果を表示する

Question

オートコンプリートの結果を表示しようとしています。

ここ

は私が「FB」

それを照会する場合それは私に次のようなデータ

"fb" 
"fbi" 
"fbi most wanted" 
"fbi jobs" 
"fb banners" 
"fbook" 
"fb covers" 
"fbanners" 
"fbisd" 
"fbop" 

を返し例えばGETリクエスト

を使用して、それを照会するとき、私のスクリプトが返すデータでありますオートコンプリートプラグインのコードは次のとおりです

 $("#query").autocomplete({ 
     source: function(request, response) { 
      $.ajax({ 
       url: "q.php", 
       dataType: "json", 
       data: { 
        "q" : request.term 
       }, 
       success: function(data) { 
       response(data[1]) 
       } 
      }); 
     }, 
     minLength: 2 
    }); 

これは表示されませんmどんな結果でも。誰が私がここで間違っているのか教えてもらえますか？

Answer 1

$("#query").autocomplete({ 
     source: "q.php", 
     minLength: 2 
    }).data("autocomplete")._renderItem = function (ul, item) { 
      return $("<li></li>") 
      .append("<a>" + item+ "</a>") 
      .appendTo(ul); 
     }; 

Answer 2

jQueryオートコンプリートプラグインを使用している場合は、それを自分で複雑にしてレンダリングするのはなぜですか？

オートコンプリートモジュールがそれを望んでいるとしてだけでソーススクリプトを定義して、うまくフォーマットさJSONレスポンスを提供します。

予想されるデータ形式

をローカルデータ、URLまたはコールバックからのデータがでてくることができます二つの変種：

ストリングの配列： [ "Choice1"、 "Choice2"]

ラベルと値の特性を持つオブジェクトの配列： [{ラベル： "Choice1"、値： "VALUE1"}、...]

source: "query.php"; 

は残りを行うためのプラグインをしてみましょう。

APIを読む：jQuery Autocomplete plugin overview

あなたは、何かをやるためだけに登録し、イベントをキャッチします。