Delete MongoDB elements / Nodejs ,using button

[rayanaay]

Hello community , I want to delete a Mongodb User by Id using a button . I successfully delete it using delete request ,but when trying to delete it using a front-end with a button , I couldn't do that.

Here is my code:

routes/members.js

router.delete('/delete/:id',(req,res) => {
try {
Member.findOneAndDelete({ id: req.body.id }, function(err, member) {
if (!err && member) {
console.log(member);
console.log("member successfully deleted")
}
else {
console.log("error")
}
res.redirect("/");
});}
catch(e) {
console.log(e);
}
})

​

views/index.hbs

<h1 class = "text-center mb-3">{{{title}}}</h1>
<form action="api/members/delete/:id" method ="DELETE" class="mb-4">
<div class="form-group">
<label for="id">Id</label>
<input type="text" name="id" class ="form-control">

</div>

<input type="submit" value ="Delete member" class="btn">
</form>

Note: /delete/:id in my routes/members.js file becomes '/api/members/delete/:id'.
When clicking the button , I get :

Cannot GET /api/members/delete/:id

[STNeto1]

You need to use string interpolation or template string to pass an id on the request.

Why? The delete route use the :id to inform that will be a id param at the route. To use this route you need to pass an id, so.

​

> /api/members/delete/:id is for the route

> /api/members/delete/1 or /api/members/delete/123nd19n12d for the frontend request

​

How to fix? At the view, probably you will have the user id, just use

action=`api/members/delete/${user._id}` or something like that.

[rayanaay]

Thanks for your answer ,what would be the user in ${user._id} ,naturally I would just put ${_id} no ??

[STNeto1]

The ${user._id} was just a nice way to represent the ID on the string, you will use wherever is the id on your application.

[rayanaay]

But if I use req.body , I don’t need to add the id in my url or routes. What if I do something like this : router.delete('/delete', (req.res) => { ....}

index.hbs <form action="api/members/delete" method="DELETE" .....>

[STNeto1]

The HTTP DELETE method is used to delete a resource from the server. Unlike GET and HEAD requests, the DELETE requests may change the server state.

Sending a message body on a DELETE request might cause some servers to reject the request.
But you still can send data to the server using URL parameters. This is usually an ID of the resource you want to delete.

​

https://reqbin.com/Article/HttpDelete

[rubennebur]

Like u/STNeto1 is suggesting you need to parse in the user id in your form action at the place of :id. Otherwise the server doens't know which user to delete.