Javascript 从Firebase检索网站的嵌套数据
Javascript 从Firebase检索网站的嵌套数据,javascript,html,web,firebase-realtime-database,Javascript,Html,Web,Firebase Realtime Database,宠物用品 这是段落需要更多吗 //初始化Firebase 变量配置={ apiKey:“, authDomain:“”, 数据库URL:“”, 投射:“, storageBucket:“”, messagingSenderId:“ }; firebase.initializeApp(配置); var big0ne=document.getElementById('big0ne'); var dbRef=firebase.database().ref().child('text'); dbRef
宠物用品
这是段落
需要更多吗
//初始化Firebase
变量配置={
apiKey:“,
authDomain:“”,
数据库URL:“”,
投射:“,
storageBucket:“”,
messagingSenderId:“
};
firebase.initializeApp(配置);
var big0ne=document.getElementById('big0ne');
var dbRef=firebase.database().ref().child('text');
dbRef.on('value',snap=>big0ne.innerText=snap.val());
您现在可以从Firbase读取以下代码:
var dbRef = firebase.database().ref().child('text');
dbRef.on('value', snap => big0ne.innerText = snap.val());
这将读取文本
节点的值,然后使用val()
获取其值。查看您共享的JSON屏幕截图,text
的值为:
{
"text2": "Wonder Pets"
}
这本身就是一个JavaScript对象,因此如果对其调用toString()
(您的代码隐式调用了该对象),则会得到“[object object]”
(或其变体,具体取决于浏览器)
要获取text2
子节点的值,应使用:
big0ne.innerText = snap.child("text2").val()
因此,在上面的一行中,我们获取快照的
text2
子节点,然后获取该节点的值,这正是您想要的字符串。请不要在回答中添加问题详细信息,编辑您的问题。很抱歉。我已经编辑了我的帖子。不是答案,而是一个快速提醒,共享Firebase配置数据不一定是安全风险。谢谢你,这很有效。例如,如果text2有另一个子节点,我该怎么办?例如“文本>文本2>文本3:神奇宠物”。。。等等基本上,我是在问如果我需要更多的嵌套数据,比如“文本4或文本5”。snap.child(“text2”).child(“text3”).val()
或snap.child(“text2/text3”).val()
等,我将使用什么