jQuery與遠程json數據的自動完成

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'); 
});