Fatal编程技术网
  • node.js/
  • Node.js 正文分析器：无法从表单中获取值

Node.js 正文分析器：无法从表单中获取值

node.js mongodb forms express

Node.js 正文分析器：无法从表单中获取值,node.js,mongodb,forms,express,body-parser,Node.js,Mongodb,Forms,Express,Body Parser,我已经创建了一个用于注册用户的表单。我想使用主体解析器从表单中获取值，但我无法这样做。在控制台中翻滚时，它会给出未定义的打印结果。我不明白我做错了什么。我甚至试过用邮递员，但没用。这是我的密码： var express = require('express'), app = express(), mongoose = require('mongoose'), bodyParser = require('body-parser'), passport = require('passport'),

我已经创建了一个用于注册用户的表单。我想使用主体解析器从表单中获取值，但我无法这样做。在控制台中翻滚时，它会给出未定义的打印结果。我不明白我做错了什么。我甚至试过用邮递员，但没用。这是我的密码：

var express = require('express'),
app = express(),
mongoose = require('mongoose'),
bodyParser = require('body-parser'),
passport =  require('passport'),
LocalStrategy =  require('passport-local'),
methodOverride = require('method-override'),
flash = require('flash'),
session = require('express-session');
app.get("/about", function(req, res) {
   res.render("about");
});

app.get("/register", function(req, res) {
    res.render("register");
});

app.post("/register", function(req, res) {
    var firstName = req.body.firstName,
        lastName = req.body.lastName,
        username = req.body.username,
        email = req.body.email;
    var newUser = new User({
        firstName: firstName,
        lastName: lastName,
        username: username,
        email: email
    });
    console.log(firstName + " " + req.body.password + " " + req.body.c_password);
    User.register(newUser, req.body.password, function(err, user) {
        if(err) {
            return res.render("register", {'error': err.message});
        }
        passport.authenticate('local')(req, res, function() {
            req.flash('success', 'Welcome ' + user.username);
            res.redirect('/home');
        })
    })
   });

   var port = process.env.PORT || 3000;

   app.listen(port, function() {
        console.log("Service Running");
   });
这是我的表格

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Hotel Site</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" integrity="sha384-REHJTs1r2ErKBuJB0fCK99gCYsVjwxHrSU0N7I1zl9vZbggVJXRMsv/sLlOAGb4M" crossorigin="anonymous">
    <link rel="icon" href="https://www.svgrepo.com/show/12002/hotel.svg" type="image/x-icon">
    <link rel="stylesheet" href="/stylesheets/style.css">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>

<div class="container" style="margin-bottom: 4.5rem;">
        <h1 style="text-align: center; margin-top: 7rem; margin-bottom: 20px">Sign Up</h1>
        <div class="col-lg-6" style="margin: auto;">
            <form action="/register" method="POST" enctype="multipart/form-data">
                <div class="form-row">
                    <div class="form-group col-6">
                        <input class="form-control" type="text" name="firstName" placeholder="First Name" required>
                    </div>
                    <div class="form-group col-6">
                        <input class="form-control" type="text" name="lastName" placeholder="Last Name" required>
                    </div>
                </div>      
                <div class="form-group">
                    <input class="form-control" type="text" name="username" placeholder="Username" required>
                </div>
                <!-- <div class="form-group">
                    <input class="form-control" type="email" name="email" placeholder="E-mail" required>
                </div> -->
                <div class="form-group">
                    <input class="form-control" type="password" name="password" placeholder="Password" required>
                </div>
                <div class="form-group">
                    <input class="form-control" type="password" name="c_password" placeholder="Confirm Password" required>
                </div>
                <div class="form-group">
                    <button class="btn btn-lg btn-primary btn-block">Submit</button>
                </div>
            </form>
            <a href="/home">Go Back</a>
        </div>
</div>
</body>


现场酒店
注册
提交
非常感谢您的帮助

您已成功将
主体解析器导入应用程序，但未能使用它。在使用路线之前，请添加以下代码


app.use(bodyParser.urlencoded({ extended: false }))



我希望这会有所帮助。
Express使用中间件，这些功能可以访问传入的请求。请求可以修改，等等。简单地说，中间件可以用于很多事情

您尚未将
bodyParser
设置为中间件，因此它无法工作。这可以通过以下方式实现：


app.use（bodyParser.urlencoded（{extended:false}））
用于表单数据

app.use（bodyParser.json（））
用于路由之前的传入json


app.use(bodyParser.urlencoded({ extended: false }))


这是中间的ExpressJs指南：