Question

我正在尝试从firebase数据库获取结果并显示所有结果。与jquery不同，当我可以使用appendTo函数时，我不知道如何使用纯javascript完成它。

这是我的剧本：

<div id="resultsContainer"></div>
var fireBaseRef = new Firebase("https:somefirebaseurl.firebaseio.com/results");
fireBaseRef.once("value", function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
     var key = childSnapshot.key();
     // childData will be the actual contents of the child
     var childData = childSnapshot.val();
     var eName = childSnapshot.val().resultname;
     console.log(eName);
     resultsContainer.innerHTML = '<div class="result"></div>';
  });
});

如你所见，我使用了innerHTML，但这只给了我一个结果集。

Answer 1

如果你已经知道如何使用jQuery附加HTML，那么这种方法仍然适用于Firebase。

但这也会奏效：

snapshot.forEach(function(childSnapshot) {
  var childData = childSnapshot.val();
  var eName = childSnapshot.val().resultname;
  resultsContainer.innerHTML += '<div class="result">'+eName+'</div>';
});

请注意，如果您正在寻找某些特定jQuery构造的等效内容，那么如果您发布该jQuery代码段，将会更容易帮助您。

如何进行纯Javascript foreach循环并打印出结果firebase？

1 个答案: