在firebase数据库中添加数据后，我的html表没有实时更新

Question

我正在开发一个 JavaScript 项目，在该项目中我创建了一个 html 表并显示来自运行良好的 firebase 数据库的表数据，我的问题是当我通过 html 页面在我的 firebase 数据库中添加数据时，它成功存储在 firebase 数据库中但是我的html表没有实时更新，刷新页面后显示，下面我添加我的js代码

database.once("value").then(function(snapshot){
    if (snapshot.exists()){
        snapshot.forEach(function (childSnapshot) {
        var childKey = childSnapshot.key;
        var childData = childSnapshot.val();

        var row = tblUsers.insertRow(rowIndex);
        var cellName = row.insertCell(0);
        var cellButtons = row.insertCell(1).outerHTML =
            "<tr id='row" + rowIndex + "'><td><input type='button' value='Delete' class='delete' onclick=\"delete_row('" + childKey + "')\"></td></tr>";

        cellName.appendChild(document.createTextNode(childData.desc));
        rowIndex = rowIndex + 1;
        document.getElementById("empty_data").style.visibility = "hidden";
    });
    } else{
        document.getElementById("empty_data").style.visibility = "visible";
    }
});

任何人都可以帮助解决问题

Answer 1

当您使用once() 附加侦听器时，它会读取一次值（顾名思义），然后停止侦听更改。如果您想继续监听更改，请改用on()。

这也意味着你不能再使用then()，因为on()会导致多次获取数据，所以它不会返回一个promise（只能调用一次）。

因此，更改应仅限于您共享的代码的第一行，如下所示：

database.on("value", function(snapshot){
  ...