如何从Firebase获取简单的数组数据并获取它

时间:2020-10-14 00:32:36

标签: javascript html jquery firebase firebase-realtime-database

我还是新手,所以我改为学习Firebase ...

我为html编写了简单的代码


 <div class="container" id="msgs">  
                     </div>  

所以我想在文档开始时从Firebase加载数据

firebase.database().ref('message').on('value',function(snapshot){
         msgs.innerHTML='';
       
        snapshot.forEach(function(e){
             var data=e.val();
             msgs.innerHTML+='<p>'+$(data.user)+':'+$(data.txt)+'</p>';
        });
       
});

但返回:

enter image description here

我的数据是这样的:

enter image description here

我只想学习一种简单的方法,如何检索数据并将其提取到html,并学习如何访问firebase数组...谢谢

1 个答案:

答案 0 :(得分:0)

在这一行:

msgs.innerHTML+='<p>'+$(data.user)+':'+$(data.txt)+'</p>';

$(data.user)$(data.txt)试图查找HTML节点的值。那不是您想要的,因为您只想使用data.userdata.txt属性的值。

所以:

msgs.innerHTML+='<p>'+data.user+':'+data.txt+'</p>';