Question

我正在做订单商店项目，当人们订购并添加到数据库时，订单列表页面将与Firebase中的实时数据库一起使用，订单将更新为以下订单列表：https://i.imgur.com/NjtYHSo.png 并在我要煮熟的食物时要删除的按钮上，单击此按钮，命令食物将从数据库中删除。但是我不知道要从具有生成ID的数据库中删除值。请帮忙！表格脚本：

<label>Your Order:</label>
        <table class="table table-dark table-striped">
            <thead class="thead-dark">
            <tr>
                <th>Name</th>
                <th>Order's List</th>
                <th>options</th>
                <th>delete</th>
            </tr>
            </thead>
            <tbody id="orderlist" class = "table=success">
            </tbody>
        </table>

脚本：

<script>

      let myFirebase = firebase.database();
      let dataRef = myFirebase.ref('/orders');

      function deleteRow(r) {

}

      dataRef.limitToLast(5).on('child_added', function(childSnapshot) {
      let item = childSnapshot.val()
      document.getElementById('orderlist').innerHTML += "<tr><td>" + item.student + "</td><td>" + item.food + "</td><td>" + item.options + "</td><td>" + "<button onclick=deleteRow(this)>"+"delete"+"</button></td></tr>"
});
    </script>

Answer 1

将功能更改为以下内容：

<button onclick=deleteRow(this,'"+ item.student + "')>

然后您可以执行以下操作：

function deleteRow(elem, student){
  let myFirebase = firebase.database();
  let dataRef = myFirebase.ref('/orders');
    dataRef.orderByChild("name").equalTo(student).on('value', function(snapshot){
      snapshot.forEach(function(childSnapshot) {
        let key = childSnapshot.key;
        dataRef.child(key).delete(); 
          });
    });
}

这里先将变量item.student添加到onclick，然后使用查询可以检索此特定key的{{1}}并使用方法student删除它。您需要具有以下数据库：

delete()

单击按钮时，firebase删除数据库上的ID

1 个答案: