リモートjsonデータを使用したjQuery自動補完

Question

jQuery(document).ready(function() { 

var aToken = document.getElementById('aToken').value; 

    jQuery("#name_inp").autocomplete("https://graph.facebook.com/me/friends?access_token="+aToken, { 
     width: 500, 
     height: 200, 
    max: 5000, 
     dataType: 'json', 
     cacheLength: 100, 
     minChars: 1, 
     parse: function (data) { 
    alert(data); 
      var rows = new Array(); 
      data = data.data; 
     console.log(data); 
      for (var i = 0; i < data.length; i++) { 
       rows[i] = { data: data[i], value: data[i].name, result: data[i].name }; 
      } 
      return rows; 
     }, 
     formatItem: function (data, i, n, value, text, a, b, c, d) { 
      var x = getImage(data.id); 
      return "<div class='test2' onclick='return getId("+data.id+");'><span>" + data.name + "</span></div>"; 
     }, 

    } 
    ) 
}); 

上記のコードは、リモートグラフAPI呼び出しからユーザーフレンドリストを取得するのに役立ちます.Jsonデータを保存し、ユーザークエリで検索して保存された変数からデータを取り込むことができます。

です。これにより、時間を節約し、結果を正確に入力することができます。

は、コード自体はかなり説明..です

Answer 1

ありがとう:)

はそれが役に立てば幸い！

jQuery(function ($) { 

var aToken = $('#aToken').val(); 

$.get("https://graph.facebook.com/me/friends", {access_token: aToken}, function(result){ 

     var ppl = new Array(); 
     for(var i = 0; i < result.data.length; i++){ 
      ppl[i] = result.data[i].name; 
     } 

     $("#name_inp").autocomplete({ 
           source: ppl, 
           width: 500, 
           height: 200, 
           max: 5000, 
           dataType: 'json', 
           cacheLength: 100, 
           minChars: 1 
          }); 
}, 'json'); 
});