Question

Firebase示例：

用户：

用户1
- A
  - 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表格

需要帮助从Firebase html调用数据

2 个答案: