I'm currently facing a challenge in extracting the value from my prompt in order to modify a category using a JavaScript function. Typically, I would rely on a form to pass variables to the request.body, but that's not an option here.
This is what my code looks like:
<div style="margin-bottom: 2%; margin-top: 2%;">
<% categorys.forEach(function(category){ %>
<h2 style="display: inline;"><%= category.category_name %></h2>
<a onclick="updateCategory()" class="update-category" href="/api/category/update/<%= category.category_id %>">Update</a>
<a href="/api/category/delete/<%= category.category_id %>">Delete</a>
<br>
<% }); %>
</div>
<script>
function updateCategory() {
var category_name = prompt("Please enter category_name")
var clickedOk = confirm("Are you sure you want to update?");
$("#category_name").val() = category_name;
}
</script>
Here's an overview of how the data should be handled on the server side:
router.get('/update/:id', async(req, res) => {
// Ensure user is authenticated before proceeding
sess = req.session;
if(!sess.authenticated) return res.status(401).send("Unauthorized please login.");
console.log(req.body)
if(!req.body) return res.send('empty body');
const respUpdateCategory = await ourCategory.updateCategory(req.params.id, req.body.category_name)
if(respDeleteCategory) {
return res.status(201).send('Successful!')
} else {
return res.statusCode(400).send('Something went wrong!')
}
});