【问题标题】:How can i delete data from my Firebase and update my table?如何从我的 Firebase 中删除数据并更新我的表格?
【发布时间】:2018-08-26 16:50:58
【问题描述】:

我正在制定火车时刻表,信息直接来自用户输入。用户输入存储在我的 Firebase 中,并显示在表格中。每行信息都有一个删除按钮。当您单击删除按钮时,我正在尝试从 Firebase 中删除数据并更新表格。

这是我将火车信息推送到 Firebase 的地方:

 database.ref().push({
      name: name,
      dest: dest,
      time: time,
      freq: freq,
      minutesAway: mins,
      dateAdded: firebase.database.ServerValue.TIMESTAMP
    })

然后我让它像这样显示:

 $('.table').append('<tr><td>' + name +
    '</td>' + '<td>' + dest +
    '</td>' + '<td>' + time +
    '</td>' + '<td>' + freq +
    '</td>' + '<td>' + mins +
    '</td>' + '<td>' + '<button type="button" class="btn btn-danger btn-sm delete"></button>' +
    '</td>' + '</tr>');

这是我的 onClick 删除:

$(".delete").on("click", function () {
    $(this).parent().prevAll().parent().remove();

  });

这就是我当前的 Firebase 树的样子:

https://mavs-firebase.firebaseio.com/
mavs-firebase
-L7p60IRXp29D54Pk3dw
dateAdded: 
1521309455658
dest: 
"North Pole"
freq: 
"200"
minutesAway: 
122
name: 
"Polar Express"
time: 
"12:59"

我一直在尝试许多不同的方法来找到从 Firebase 和表中删除数据的函数,但我在任何地方都找不到解决方案。我什至研究过 Firebase 文档,但我似乎无法定位正确的表和/或删除数据。

【问题讨论】:

    标签: javascript html firebase firebase-realtime-database


    【解决方案1】:

    要从数据库中删除数据,假设您要定位此-L7p60IRXp29D54Pk3dw,您可以尝试以下操作:

    var database = firebase.database();
    var del=database.ref().child("-L7p60IRXp29D54Pk3dw").remove();
    

    这将删除上述键下的所有子项。

    【讨论】:

    • 但是如果用户在每次添加新火车时创建一个具有随机字符名称的新孩子,我将如何定位他们创建的那个孩子?我不想在每次有人添加新火车时添加该代码
    • 每一行都有一个删除按钮,所以当用户点击删除时,只需在child()中传递key
    • 对不起,我的问题没有问对你,我的意思是当用户输入新火车时,它会创建一个新密钥。意味着表中的每一行都有一个不同的键,当用户单击删除按钮时,我基本上如何定位该“键”?
    • 当用户单击删除按钮时,检索该记录的数据,执行 orderbychild(...).equalTo(..).on() 并且您将能够获取密钥并然后使用您获得的密钥删除记录。
    • 是的!感谢您抽出宝贵的时间来帮助我,我在控制台中进行了深入挖掘,发现每个孩子的密钥都已登录到控制台。我用一个变量来定位 Key。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-01
    • 1970-01-01
    • 2022-07-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多