这是我关于 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">
至:
<form action="/phonebook/<%= contact.id %>?_method=DELETE" method="POST">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句