javascript - Facebook/Javascript API 显示所有提取的数据不起作用

Question

我正在尝试获取 Facebook 群组帖子中的所有消息进行显示。代码如下:

   FB.api("/groupid/feed", function (response) {
    console.log(i + " : " + response.data.length);
    for (var i = 0; i < response.data.length; i++) {
        console.log(i + " : " + response.data[i].message);
        document.getElementById('posts').innerHTML = 'post: ' + i + ' : ' + response.data[i].message +'</br>';

    }

}) ;

我无法获取getElementId中的信息来显示控制台日志显示的所有信息。控制台日志显示 24 项，网站仅显示 1 项。我需要更改什么才能获取显示所有 24 个项目而不仅仅是第一个项目的信息？

Answer 1

您正在覆盖该 for 循环中的innerHTML 属性。

相反，您应该将其附加到innerHTML。

试试这个:

 FB.api("/groupid/feed", function (response) {
    for (var i = 0; i < response.data.length; i++) {
        console.log(i + " : " + response.data[i].message);
        document.getElementById('posts').innerHTML += 'post: ' + i + ' : ' + response.data[i].message +'</br>';
    }
 });

当您这样做时，您还可以完全重构循环以使用 native .forEach 方法。

这样会更干净，看一下:

 FB.api("/groupid/feed", function (response) {
    response.data.forEach(function(item, i){
      console.log(i + " : " + item.message);
      document.getElementById('posts').innerHTML += 'post: ' + i + ' : ' + item.message +'</br>';
    });
 });