javascript - Nodejs 使用 body-parser 按下按钮时删除行

Question

调用数据库并生成表。我想要它，这样我就可以使用 body-parser 来知道我单击的按钮的 id/值/名称是什么，该按钮对应于我要删除的数据库条目。有没有办法使用表单来做到这一点，或者我必须向每个带有 id 的按钮添加一个 javascript 点击处理程序？

<form action="/deleteQuestion" method="POST">
    <tbody>
        <% results.forEach(function(r) { %>
            <tr>
                <th scope="row">
                    <%= r.Id %>
                </th>
                <td>
                    <%= r.Question %>
                </td>
                <td>
                    <%= r.Answer %>
                </td>
                <td>
                    <%= r.Wrong1 %>
                </td>
                <td>
                    <%= r.Wrong2 %>
                </td>
                <td>
                    <%= r.Wrong3 %>
                </td>
                <td>
                    <button value=<%=r.Id %> name="Delete">Delete</button>
                </td>
            </tr>
            <% }); %>
    </tbody>
</form>

<小时/>

nodejs 文件

app.post('/deleteQuestion', async(req, res) => {
    //Won't work the way I want it to    
    const question = req.body.Delete   
})

Answer 1

您应该包裹表格行而不是整个正文，然后添加Id作为参数

<tbody>
    <% results.forEach(function(r) { %>
        <form action="/deleteQuestion/"+<%= r.Id %>  method="POST">
            <tr>
                <th scope="row">
                    <%= r.Id %>
                </th>
                <td>
                    <%= r.Question %>
                </td>
                <td>
                    <%= r.Answer %>
                </td>
                <td>
                    <%= r.Wrong1 %>
                </td>
                <td>
                    <%= r.Wrong2 %>
                </td>
                <td>
                    <%= r.Wrong3 %>
                </td>
                <td>
                    <button value=<%=r.Id %> name="Delete">Delete</button>
                </td>
            </tr>
        </form>
    <% }); %>
</tbody>

然后在 Node 中处理它

app.post('/deleteQuestion/:id', async(req, res) => {
    // do the delete here using the id
})