Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要从firebase html调用数据的帮助吗_Javascript_Html_Firebase_Firebase Realtime Database - Fatal编程技术网

Javascript 需要从firebase html调用数据的帮助吗

Javascript 需要从firebase html调用数据的帮助吗,javascript,html,firebase,firebase-realtime-database,Javascript,Html,Firebase,Firebase Realtime Database,Firebase示例: 用户: 用户1 A 123 234 345 B C 以上是firebase数据。 我想调用User1,A下的所有数据。这意味着“123”、“234”、“345”应该是我的表的输出。我还希望使用javascript将它们显示在html文件中的表中。有人能提供建议吗?我是firebase的新手,对其他在线指南感到困惑 我应该使用javascript创建表还是将表保存在html文件中 感谢您的建议和帮助。有关实时数据库,请尝试以下操作: firebase.datab

Firebase示例:

用户:

  • 用户1

    • A

      • 123
      • 234
      • 345
    • B

    • C

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

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


感谢您的建议和帮助。

有关实时数据库,请尝试以下操作:

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);
}

对于实时数据库,请尝试以下操作:

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);
}

通过执行以下操作,在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表,在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?实时数据库还是云Firestore?@gugateider我在使用实时数据库你在使用哪个firebase?实时数据库还是云Firestore?@gugateider我使用的是实时数据库这可以用于firebase实时数据库吗?是的,请看这可以用于firebase实时数据库吗?是的,请看,很抱歉,但您可以解释第3行的“(v)”和第7行的“innerHTML”吗。Thank you v是数据库中的节点值,您要传递给writeData函数,只需console.log(v),这样您就可以看到结果了。对不起,您能解释一下第3行的“(v)”和第7行的“innerHTML”吗。Thankyouv是数据库中的节点值,您要传递给writeData函数,只需console.log(v)就可以看到结果