jQueryオートコンプリートが正しく表示されない

Question

JSONでjQueryオートコンプリートを使用していますが、結果のデータが正しく表示されません。 http://whatsmybeer.comに行って「firestone」と入力すると、正しい結果数で「未定義」と表示されるドロップダウンリストが表示されますが、JSONが正しく表示されません。 javacript http://whatsmybeer.com/search.inc.php?beer=firestone&callback=から呼び出されるJSON出力の例を見ることができますか？

My JSスクリプトがJSON結果を表示します。

<script> 
    $(document).ready(function() { 
     $("#REMOTE").autocomplete({ 
      source: function(request, response) { 
       url = "search.inc.php?beer=" + request.term; 
       $.getJSON(url + '&callback=?', function(data) { 
        response(data); 
       }); 
      } 
     }); 
    }); 
</script> 

私は解析に何が間違っていますか？

Answer 1

まずは、天気予報のためにデータを処理しようとしたときに、天気予報やその他の何らかのビールがブラウザに表示されていれば、最初の応答はです。誰かが含まれるように好きではないだろう場合は「」それはおそらく（データベースの半分を返しますになりますかのように

さらに私は1つの文字を入れてautocomplete2へのminLengthオプションを設定したいが、サーバ側のための過剰です2番目の文字を入力した後にオートコンプリートを追加すると、大きなデータベースでは特に自然です。

そして最も重要なのはです。正しい形式でJSON応答をフォーマットする必要があります。

あなたがオブジェクトを返す：

{ 
    beer_name: "name" 
} 

、あなたが返す必要があります：

{ 
    label: "autocomplete display value", 
    value: "input value after selection" 
} 

をラベルと値が同じであればそれだけでlabelを提供するのに十分であるべきで、次のことができるようにすべきですそれを複製しても安全に省略してください。value