node.js - req.body 返回空对象(我已经包含了 bodyparser)

Question

我是后端 JavaScript 新手，我有一个表单，在提交时应该显示提交的对象，但它显示的是一个空对象。我已经包含了 body-parser，所以我不确定问题出在哪里。这是我的 app.js 文件:

const express = require("express");
const app = express();
const mustacheExpress = require("mustache-express");
const bodyParser = require("body-parser");
const pgp = require("pg-promise")();

app.engine("html", mustacheExpress());
app.set("view engine", "html");
app.set("views", __dirname + "/views"); 
app.use("/", express.static(__dirname + "/public"));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.get('/new_creature',function(req,res){
    res.render('new_creature/index');
});
app.post('/new_creature', function(req,res){
    res.end(JSON.stringify(req.body));
    console.log(req.body);
    // res.render('new_creature/index');
});

这是我的views/creatures/new_creature/index.html 文件:

<form method="POST" action="/new_creature">
    Species:<input type="text">
    Family:<input type="text">
    Habitat:<input type="text">
    Diet:<input type="text">
    Planet:<input type="text">
    <input type="submit" placeholder="submit">
</form>

Answer 1

如果您希望 bodyparser 正常工作，您需要在要发布的表单元素上具有名称属性。例如:

<form method="POST" action="/new_creature">
    Species:<input name='species' type="text">
    Family:<input name='family' type="text">
    Habitat:<input name='habitat' type="text">
    Diet:<input name='diet' type="text">
    Planet:<input name='planet' type="text">
    <input type="submit" value="submit">
</form>

此外，占位符在提交按钮上没有意义；占位符是应该在尚未填充的输入中显示的幽灵文本。