如何从 Firebase 数据库中读取值并将它们存储到 HTML 表中答案

【问题标题】：How to read values from a Firebase Database and store them into an HTML table如何从 Firebase 数据库中读取值并将它们存储到 HTML 表中
【发布时间】：2017-04-09 08:03:38
【问题描述】：

我有一个 Firebase 数据库，它存储两个值距离和一个时间戳。我能够读取距离，但一次无法读取超过 1 个时间戳。

    for (var i = 0; i <= 10; i++) {
        ref.child("distance").child(i).once("value").then(function(snapshot) {
            test = snapshot.val();
            test1 = JSON.stringify(test).replaceAll(/[^a-zA-Z0-9.]/g, "");
            myCreateFunction(test1, i+"");
        });
        ref.child("time").child(i).once("value").then(function(snapshot) {
            time1 = snapshot.val();
            console.log(time1);
            myCreateFunc(time1["0"], i+"");
        });
    }

    function myCreateFunction(test1, i) {
        var table = document.getElementById("myTable");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        cell2.id = i;
        cell1.innerHTML = test1;
    }

    function myCreateFunc(time1, i) {
        document.getElementById(i).innerHTML = time1;
    }

这是我的数据库图片

这是我们在网页上看到的错误图片

【问题讨论】：

标签： javascript html firebase firebase-realtime-database

【解决方案1】：

我认为您只是将数组的第一个元素发送到 HTML 创建表：

myCreateFunc(time1["0"], i+"");

而不是这样的： myCreateFunc(time1, i+"");

如果这解决了您的问题，请告诉我！

【讨论】：