Javascript 需要从firebase html调用数据的帮助吗
Firebase示例: 用户: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
- 用户1
- A
- 123
- 234
- 345
- B
- C
- A
感谢您的建议和帮助。有关实时数据库,请尝试以下操作:
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)就可以看到结果