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