Javascript 如何同时从Mongodb和表行中删除数据

这是我关于StackOverflow的第一个问题。当遵循RESTful路由时，您可以创建一个删除按钮来销毁MongoDB中的单个页面和条目

我的问题是如何制作一个删除按钮，只销毁一个表行和来自MongoDB的相同数据？我可以成功添加联系人，但我不知道如何将其从页面中删除

这是我需要修改的表的代码：

<table class="table table-bordered">
      <thead>
        <tr>
          <th>First Name</th>
          <th>Last Name</th>
          <th>Telephone Number</th>
          <th>Action</th>
        </tr>
      </thead>
   <% phonebook.forEach(function(contact){ %>
      <tbody>
        <tr>
          <td>
            <%= contact.firstName %>
          </td>
          <td>
            <%= contact.lastName %>
          </td>
          <td>
            <%= contact.phone %>
          </td>
          <td>
            <form action="/phonebook?_method=DELETE" method="POST">
            <button class="btn btn-danger">Delete</button>
            </form>
          </td>
        </tr>
      </tbody>
      <% }); %>
  </table>

//DESTROY 
app.delete("/phonebook/:id", function(req, res){
    Phonebook.findByIdAndRemove(req.params.id, function(err){
      if(err){
        res.redirect("/phonebook");
      } else {
                res.redirect("/phonebook");
      }
    });
});

更改此行：

<form action="/phonebook?_method=DELETE" method="POST">

致：

用

替换

怎么样？这是我在单击“删除”时得到的答案：无法获取/phonebook/5B69AD02ACEA7F042EDE3A4，我的坏消息。我忘了html表单不能发送删除。试试这个：

谢谢。这就是我要找的。太好了。我移动它来回答，以便其他人能够轻松理解

<form action="/phonebook/<%= contact.id %>?_method=DELETE" method="POST">