仅显示1个Facebook朋友-使用FB Javascript SDK jQuery

Question

我正在尝试显示已登录用户的所有Facebook朋友的列表。 但是，使用如下所示的代码，仅显示1个Facebook朋友-而不是全部。 任何人都知道可能会出什么问题吗？ 我正在使用Facebook Javascript SDK和jQuery。

谢谢！ 罗恩

      FB.api( {
        method: 'fql.query',
        query: 'SELECT uid, name, pic_square FROM user WHERE uid IN (SELECT uid1 FROM      friend WHERE uid2 = ' + FB.getSession().uid +')'
      },
      function(response) { 
        for(i=0;i<response.length;i++) {
            $('#friend-info').html('<img src="http://graph.facebook.com/' + response[0].uid + '/picture"><br />').fadeIn('fast');
            }
        } 
      );

Answer 1

在我看来，您的意思是：

response[i]而不是response[0]

i是递增变量，但每次都使用0作为索引。

就像Jimmy Sawczuk提到的那样，请使用append()而不是html() （它会覆盖现有的html）：

具有这些修复程序的完整代码：

  FB.api( {
    method: 'fql.query',
    query: 'SELECT uid, name, pic_square FROM user WHERE uid IN (SELECT uid1 FROM      friend WHERE uid2 = ' + FB.getSession().uid +')'
  },
  function(response) { 
    for(i=0;i<response.length;i++) {
        $('#friend-info').append('<img src="http://graph.facebook.com/' + response[i].uid + '/picture"><br />').fadeIn('fast');
        }
    } 
  );

但是，看起来Phil可能为您提供了一个可以从总体上更有意义的解决方案。

Answer 2

$.html覆盖容器中的所有html，因此，除了Wesley Murch建议的内容外，您还应该将.html更改为.append 。

Answer 3

如果您只是在好友列表之后，为什么不使用Graph API而不是查询

FB.api('/me/friends?fields=uid,name,picture', function(response) {
    for(var i = 0; i < response.length; i++) {
        var friend = response[i];
        // etc
    }
});