Facebook圖形API響應javascript

我想獲取每個朋友的名字和圖片。請告訴我如何處理這個問題。我越來越沒有行找到一個錯誤「遺漏的類型錯誤：無法設置屬性空的‘的innerHTML’」Facebook圖形API響應javascript

 FB.api('/me/friends','GET',{"fields":"id,name,email,picture.height(500)"}, 
    function(response) { 
     console.log(response.total_count); 
     var result_holder = document.getElementById('result_friends'); 
    // var friend_data = response.data.sort();//sort(sortMethod); 
     var results = ''; 
     document.getElementById('friends_data').innerHTML = 'Name :::' + response.name; 
     for (var i = 0; i < friend_data.length; i++) { 
      console.log(i + results); 
      results += '<div><img src="https://graph.facebook.com/' + friend_data[i].id + '/picture">' + friend_data[i].name + '</div>'; 
     }    
     // and display them at our holder element 
     result_holder.innerHTML = '<h2>Result list of your friends:</h2>' + results;});

來源

2016-07-26 Rana Ahsan Ali

歡迎來到Stack Overflow！堆棧溢出不是一個免費的代碼寫入服務，請顯示你的代碼/努力和實際問題是什麼。 – FrankerZ

檢查一下我的結果是不是顯示 –

我想顯示每個朋友的名字和圖片 –

此行是錯誤的：document.getElementById('friends_data').innerHTML = 'Name :::' + response.name;

會有響應的陣列（response.data ），並且在這個陣列中將會有這些朋友的名字。

刪除行，並使用for循環是這樣的：

for (var i = 0; i < response.data.length; i++) { 
    results += '<div><img src="https://graph.facebook.com/' + response.data[i].id + '/picture">' + response.data[i].name + '</div>'; 
}

或者，因爲你已經得到了響應的圖片URL，試試這個：

for (var i = 0; i < response.data.length; i++) { 
    results += '<div><img src="' + response.data[i].picture.data.url + '">' + response.data[i].name + '</div>'; 
}

順便說一句，這是更好只需在回調開始時用console.log(response)進行調試，這樣您就可以看到響應中究竟是什麼。只是說。

來源

2016-07-26 07:39:36 luschn

Facebook圖形API響應javascript

回答

相關問題