javascript - 如何从 Firebase 数据库读取值并将其存储到 HTML 表中

Question

我有一个 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;
    }

这是我的数据库的图片

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

Answer 1

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

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

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

请告诉我这是否解决了您的问题!