如何从Firebase中删除数据并更新我的表格?

时间:2018-03-17 18:59:29

标签: javascript html firebase firebase-realtime-database

我正在制定火车时刻表,信息直接来自用户输入。用户输入存储在我的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文档,但我似乎无法定位正确的表格和/或删除数据。

1 个答案:

答案 0 :(得分:2)

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

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

这将删除上述密钥下的所有孩子。