javascript - 无法从 Facebook 接收姓名

Question

我有一个来自 xml 响应的 Facebook 用户 ID 号列表，我想做的就是编写 html，将他们的图片放在他们的名字旁边。不幸的是我遇到了一个奇怪的问题:

var friendList = "";
$(xml).find("id").each(function ()
{
    var tId = $(this).text();
    var tUrl = "/" + tId;
    var perName = "";
    FB.api(tUrl, function(response) {
        perName += response.name;
    });
    alert(perName);
    friendList += "<div class=\"picSpacer\"><img src=\"https://graph.facebook.com/"+tId+"/picture/?type=large\" class=\"friendDIV\" /><div class=\"nameBox\">"+perName+"</div></div>";
});

使用此代码，它可以工作，但如果我删除警报，它就不起作用。弹出的警报未定义。就好像字符串 perName 在实际包含用户名之前必须访问一次。我不明白怎么会这样。

Answer 1

很简单。FB.api() 完成后执行异步请求

function(response) { 
    //do entire DOM manipulation here
}

被调用。现在alert()延迟执行足够长的时间，以便回调得到calland并定义perName。

只需将 DOM 操作代码移至回调中即可确保您确实获得了响应。