Смотрите изменения на странице без обновления

Question

Как я могу обновить контент на своей странице, не обновляя его?Есть ли конкретный код для этого?Когда я регистрирую клиента, он / она регистрируется в таблице и в значении параметра; когда я удаляю клиента, он / она удаляется только из таблицы, но не из опции, если я не обновлю страницу.

Это моя функция удаления

function slett(kundeselkey){

    var slettkunde = kunde.child(kundeselkey);
    slettkunde.remove();
    var tr = document.getElementById(`${kundeselkey}`);
    txttabell.removeChild(tr);
}

function slette(mekselkey){
    var slettmekaniker = mekaniker.child(mekselkey);
    slettmekaniker.remove();
    var tr = document.getElementById(`${mekselkey}`);
    txttabell3.removeChild(tr);

}

Answer 1

Если я правильно понял, вы можете использовать метод .on() для прослушивания изменений в вашем узле Firebase.

Таким образом, каждый раз, когда элемент добавляется, удаляется или обновляется в вашей базе данных, код, который вы добавляете внутри.on() метод будет запущен.

Таким образом, вы можете динамически обрабатывать параметры и значения таблицы

Пример:

firebase.database().ref('your-node').on('value', (snapshot) => {
  const updatedValues = snapshot.val();
  const optionList = document.querySelector('#yourSelectId').options;
  updatedValues.forEach(option =>
    optionList.add(
      new Option(option.text, option.value, option.selected) // considering your firebase node item contains text, value and selected attributes
    )
  );
});

Более подробную информацию вы можете найти здесь: https://firebase.google.com/docs/database/web/read-and-write

Надеюсь, это поможет