使用Javascript创建div并动态获取内容

我试图显示一个用户的Facebook好友列表，每个好友都有自己的

。这就是我想做的：

for (var i=0;i<responseArray.length+1;i++){
   friend = response['data'][i];
   friends.push(friend.id);
   $('#sidebar').append('<div class="friendbox" id="'+friend.id+'"></div>');
   FB.api(
       "/"+friend.id+"/picture",
       {
           "redirect": false,
           "height": "100",
           "type": "square",
           "width": "100"
       },
       function (response) {
         if (response && !response.error) {
           $('#'+friend.id+'').append('<img class="friendpic" src="'+response['data']['url']+'">');
         }
       }
   );
   FB.api(
       "/"+friend.id+"",
       function (response) {
         if (response && !response.error) {
           console.log(response);
           $('#'+friend.id+'').append(response['first_name']);
         }
       }
   );
}

---

for（var i=0；i我不知道你为什么要打太多facebook电话，而这一切都可以通过一个电话完成

您没有提到任何关于
responseArray
，但这很可能是
/me/friends
的结果。现在，您在循环中拨打的电话根本不需要

首先，将
/me/friends
更改为
/me/friends？fields=First\u name
（如果以后需要逗号分隔，您可以添加更多字段）。然后在循环中执行此操作-

for (var i=0; i<response['data'].length; i++){
   friend = response['data'][i];
   friends.push(friend.id);
   $(document.body).append('<div class="friendbox" id="'+friend.id+'"></div>');
   $('#'+friend.id+'').append('<img class="friendpic" src="https://graph.facebook.com/'+friend.id+'/picture?height=100&width=100&type=square">');
   $('#'+friend.id+'').append(friend['first_name']);
}

for（var i=0；i您对错误的解释是正确的。响应对象中有哪些属性？感谢回复@Ennosigaeon，响应对象的属性取决于它是获取图片还是取名字。是否可以通过单个请求获取名称和图片？