无法从 express 表单中读取数据（返回 null）

Question

无法从 express 表单中读取数据（返回 null），我在 server.js 中使用了正文解析器

//Parser
app.use(bodyParser.urlencoded({ extended: true }))
app.use(bodyParser.json());

这是路由方法

router.post('/', async (req, res) => {
    console.log('customer');
    const { error } = validate(req.body);
    console.log(req.body); 
    if (error) return res.status(400).send(error.details[0].message);

    let customer = new Customer({
        name: req.body.name,
        mobile: req.body.mobile,
        isGold: req.body.isGold
    })
    console.log(customer);
    customer = await customer.save();

    res.send(customer);
});

这是 html 表单，我有 3 个字段（名称、移动设备、isGold）：-

 <form action="/api/customer" method="POST">
    <div class="form-row">
      <div class="form-group col-md-6">
        <label for="name">Full Name</label>
        <input type="name" class="form-control" id="name" placeholder="name">
      </div>   
    </div>
    <div class="form-row">

      <div class="form-group col-md-6">
        <label for="mobile">Mobile</label>
        <input type="mobile" class="form-control" 
        id="mobile" placeholder="Enter your Mobile">
      </div>
    </div>
 
    <div class="form-group">
      <div class="form-check">
        <input class="form-check-input" type="checkbox" id="isGold">
        <label class="form-check-label" for="gridCheck">
          Is Gold
        </label>
      </div>
    </div>
     <button type="submit" class="btn btn-primary">Save</button>
  </form>

Answer 1

您需要在输入字段中添加 name 属性。

<div class="form-group col-md-6">
        <label for="mobile">Mobile</label>
        <input type="mobile" class="form-control" 
        id="mobile" name="mobile" placeholder="Enter your Mobile">
      </div>
</div>

通常GET/POST请求以key:value对的形式发送。这里的key是表单的name属性。

示例：http://example.com/page?parameter=value&also=another

这里的“参数”（&“也”）是一个表单输入字段名称。