带有远程 json 数据的 jQuery 自动完成答案

【问题标题】：jQuery autocomplete with remote json data带有远程 json 数据的 jQuery 自动完成
【发布时间】：2011-12-16 20:55:12
【问题描述】：

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 数据并使用用户查询进行搜索并从保存的变量中填充。

这样可以节省时间并准确地填充结果。

谢谢你..

【问题讨论】：

标签： jquery facebook-graph-api autocomplete jquery-autocomplete jquery-ui-autocomplete

【解决方案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');
});

【讨论】：