单击复选框后获取 req.body.task 未定义

Question

当我点击复选框然后 req.body.task return undefined.

<input type="checkbox" name="task" autocomplete="off" checked="" onchange="onToDochange({{id}})">

执行更改功能，返回选中或未选中复选框的 id。

function onToDochange(id) {
    // console.log(id);
    fetch('/checkbox', {
       method: 'POST',
       body: JSON.stringify({global: id})
     })
    .then(res=>res.json())
    .then(res => console.log(res));
};

路由

app.post('/checkbox', (req, res) => {
    console.log(req.body.task);
});

使用 expressJS nodeJs 模板引擎把手

Answer 1

您发送 id 的方式不正确。

您需要做的是绑定您的 onclick 事件处理函数，并使用该事件获取事件处理函数中您需要的任何 id 或值。此外，您将 id 设置为一个名为 global 的键，但您正在使用不正确的 req.body.task 访问。

Workig 代码在codesandbox 中提供

查看以下代码以更好地了解如何在路由器中发送 id 和访问 id。

<input type="checkbox" name="task" autocomplete="off" checked="" onclick='onToDochange(this)' value="task" id="2">


function onToDochange(event) {
    // console.log(event.id);
    fetch('/checkbox', {
       method: 'POST',
       headers: {
         'Accept': 'application/json',
         'Content-Type': 'application/json'
       },
       body: JSON.stringify({"id": event.id})
     })
    .then(res=>res.json())
    .then(res => console.log(res));
};

路由

app.post('/checkbox', (req, res) => {
    console.log(req.body.id);
});