Блог

Я работаю над проектом JavaScript, в котором я создаю таблицу html и показываю данные таблицы из базы данных firebase, которая работает нормально, моя проблема в том, что когда я добавляю данные в свою базу данных firebase через html-страницу, они успешно сохраняются в базе данных 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";
    }
});
 

Кто-нибудь помогает решить проблему

Когда вы подключаете прослушиватель с once() помощью is, он считывает значение один раз (как следует из его названия), а затем прекращает прослушивание изменений. Если вы хотите продолжить прослушивание изменений, используйте on() вместо этого.

Это также означает, что вы больше не можете использовать then() , что on() может привести к получению данных несколько раз, поэтому он не возвращает обещание (которое может быть вызвано только один раз).

Таким образом, изменение должно быть ограничено первой строкой кода, которым вы поделились, и выглядеть следующим образом:

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