将数据从Firebase获取到单独的表Web中

时间:2019-07-18 09:18:23

标签: javascript firebase web firebase-realtime-database fetch

当我从firebase获得数据时,所有孩子都进入一张桌子。 但我希望每个孩子都在一张新桌子上。

这是我所做的:

           <table border="1" style="height: 63px; width: 31%; border-collapse: collapse; color: #0a0606; background-color: #ffffff; background-position: center center; border-radius: 100; border: 200 solid;"> 
                <thead> 
                    <tr> 
                        <td>Title</td> 
                        <td >Description</td> 
                        <td >Link</td> 
                    </tr>                     
                </thead>                 
                <tbody id="data"> 
</tbody>                 
            </table>       
var userDataRef = firebase.database().ref("User/3N2f2rJSSAZmFOdZEeJdlsuEZam2").orderByKey();

userDataRef.on('child_added', function(childSnapshot) {
    var key = childSnapshot.key;
    console.log(key);
    var childData = childSnapshot.val();         
    var title_val = childData.Title;
    var url_val = childData.Url;
    var dec_val = childData.Descreption;
     $("#data").append("<tr><td>" + title_val + "</td><td>" + dec_val +  "</td><td>" + url_val + "</td></tr>");

  });

我尝试了很多事情,但始终将结果放在同一张表中。

0 个答案:

没有答案