如何在 html 表中显示来自 firebase 的数据答案

【问题标题】：How to show data from firebase in html table如何在 html 表中显示来自 firebase 的数据
【发布时间】：2017-07-24 14:11:19
【问题描述】：

我是firebase 的新手，我创建了将数据存储到firebase 的android 应用程序，现在我正在开发将在html 表中显示该数据的Web 应用程序，但我真的不知道如何。这是我的html代码：

<center>
<table style="width:80%">
  <tr id="tr">
    <th>Registracija vozila:</th>
    <th>Status vozila:</th> 

  <tr> 
  </tr>
  <tr>
    <tr>
  </tr>
</table>
</center>

<script>
    var database = firebase.database();
    database.ref().once('value', function(snapshot){
        if(snapshot.exists()){
            var content = '';
            snapshot.forEach(function(data){
                var val = data.val();
                content +='<tr>';
                content += '<td>' + val.registracija + '</td>';
                content += '<td>' + val.status + '</td>';
                content += '</tr>';
            });
            $('#ex-table').append(content);
        }
    });
</script>

【问题讨论】：

你能告诉我们一些你尝试用来连接数据库的代码吗？如果没有，我们没有太多工作可以帮助您。尝试阅读 firebase 文档，并尽可能以这种方式进行。
Stack Overflow 不是一个教程网站。要了解如何使用 Firebase 填充网页，我建议从 Firebase documentation 或 Firebase codelab 开始，供网络开发人员使用。
@CalebAnthony 我更新了我的代码
您的 HTML 没有 id 为 ex-table 的元素，因此这不起作用：$('#ex-table')。您可能正在寻找$('table').append(content);
@FrankvanPuffelen 我更改了元素的名称，但仍然没有数据显示

标签： javascript firebase firebase-realtime-database

【解决方案1】：

snapshot.forEach(function(child) {
    if(isFirst){
        createHeaders(child.val());
        isFirst = false; //So it only will run once.
    }

    showItems(child.val(), child.key);
});

您可以做的是创建一个简单的 isFirst 布尔值，并且由于 forEach 按顺序运行（我假设您的列标题是要返回的第一件事。）那么您所需要的就是这样的：

【讨论】：