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

希望有所帮助

查看页面上的更改而不进行更新

1 个答案: