外部JSONファイルから配列値とラベルを取得し、jQueryオートコンプリート関数に追加します。

Question

jQuery UIオートコンプリートを入力フィールドに追加しようとしています。この例と同様に：http://jqueryui.com/demos/autocomplete/#default

<script> 
    $(function() { 
     var availableTags = [ 
      "ActionScript", 
      "AppleScript", 
      "Asp", 
      "BASIC" 
]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
</script> 

私はデモを踏襲し、それが行うのは簡単です。私にとって難しいのはalbums.jsonと呼ばれる別のJSONファイルからデータをもたらすことです。

{ 
    "albums": [ 
     { 
      "value": "Author Name", 
      "label": "Album Name" 
     }, 
     { 
      "value": "Author Name", 
      "label": "Album Name" 
     }, 
     { 
      "value": "Author Name", 
      "label": "Album Name" 
     }, 
     { 
      "value": "Author Name", 
      "label": "Album Name" 
     }, 
    ] 
} 

それがこれを行うための簡単な方法ですか？私は自分自身でそれを理解しようとしているが、私はできない。事前に

おかげで、IL

Answer 1

あなたはオートコンプリートのデータなどの外部ソースからデータを取得するためのjQuery ajaxを使用することができます。これを試して。

$("#tags").autocomplete({ 
    source: function(request, response) { 
    $.ajax({ 
     url: "UrlOfThePage", 
     dataType: "json", 
     success: function(data) { 
     response(data.albums); 
     } 
    }); 
    } 
});