需要帮助从 firebase html 调用数据

Question

Firebase 示例：

用户：

• 用户1

  • 一个

    • 123
    • 234
    • 345

  • B

  • C

以上是 Firebase 数据。 我想调用 User1, A 下的所有数据。这意味着“123”、“234”、“345”应该是我的表的输出。我还想使用 javascript 将它们显示在我的 html 文件中的表格中。任何人都可以建议吗？我是 firebase 新手，对其他在线指南感到困惑。

我应该使用 javascript 创建表格还是将表格保存在 html 文件中？

感谢您的建议和帮助。

Answer 1

对于实时数据库，试试这个：

firebase.database().ref('/User1/A').once('value').then(function(snapshot) {
  let items = snapshot.val();
  items.forEach( (v) => writeData(v) );
});
const writeData = (value) => { 
    let el = document.querySelector('p');
    el.innerHTML = value;
    document.appendChild(el);
}

Answer 2

通过执行以下操作，在 JavaScript 中，您将获得 User1/A 节点的所有子节点：

var ref = firebase.database().ref('User1/A');
ref.once('value', function(snapshot) {
  snapshot.forEach(function(childSnapshot) {
    var childKey = childSnapshot.key;
    console.log(childKey);
    var childData = childSnapshot.val();
    console.log(childData);
    //....
  });
});

您可以从那里填充您的 HTML 表格