如何从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 [＆＃34; 0＆＃34;]，i +＆＃34;＆＃34;）;

而不是像这样的东西： myCreateFunc（time1，i +＆＃34;＆＃34;）;

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