Question

我是后端javascript的新手，我有一个表单，提交时应该显示提交的对象，但它显示的是一个空对象。我已经包含了身体解析器，因此我不确定问题出在哪里。这是我的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');
});

这是我的观点/生物/ 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>

此外，占位符对提交按钮没有意义;占位符是一个幽灵文本，它应该显示在一个没有＆＃39;的输入中。已被填满。

req.body返回空对象（我已经包含了bodyparser）

1 个答案: