使用express框架，提交登录注册页面，路由里面获取不到req.body等参数

问答

Zzoran-hwang发布于 10 年前最后回复 10 年前

2482770

登录页面路由功能代码如下：

app.post('/login', function(req, res) { var md5 = crypto.createHash('md5'), password = md5.update(req.body.password).digest('hex'); //检查用户是否存在 User.get(req.body.name, function (err, user) { if (!user) { req.flash('error', '用户不存在!'); return res.redirect('/login');//用户不存在则跳转到登录页 } //检查密码是否一致 if (user.password != password) { req.flash('error', '密码错误!'); return res.redirect('/login');//密码错误则跳转到登录页 } //用户名密码都匹配后，将用户信息存入 session req.session.user = user; req.flash('success', '登陆成功!'); res.redirect('/index');//登陆成功后跳转到主页 }); });

登录时，会自动跳到错误页面。控制面板会打印出 POST /p_login 500 86.077 ms - 660

后来在调试时，发现是在这个路由规则里面获取不到req.body等参数。console.log(req.body.name)会打印出来undefined。但是有安装body-parser中间件，并且在app.js页面里面有引入border.parser如下：

var bodyParser = require('body-parser');

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

求解！以上错误是怎样造成的，还有怎样才能获取到req.body参数。搜索了好多文章，也没有找到解决问题的方法，真心求解！谢谢各位。

查看回复

doerU#2410 年前

@zoran-hwang 最近没逛社区，多做做就知道了，不用谢。

yujintang#2310 年前

req.body 里面内容是前端请求的一些具体内容

zoran-hwang#2210 年前

引用 doerU前端代码有没有 name='name' name='password'这个玩意儿。

@doerU 恩恩，问题已经解决，就是你说的没有加name属性，谢谢你。

zoran-hwang#2110 年前

引用 brickyang在 <input type="email" class="form control" id="inputEmail3" placeholder="Email" autocomplete="of...

@brickyang 我试了下成功了原来req.body解析的是传递过来的name属性。真的谢谢你。

brickyang#2010 年前

在

<input type="email" class="form-control" id="inputEmail3" placeholder="Email" autocomplete="off">

里加上 name="email" 试试，密码字段同理

然后在服务端打印一下 req.body 看看

zoran-hwang#1910 年前

引用 doerU前端代码有没有 name='name' name='password'这个玩意儿。

@doerU 18楼有贴的代码，没有你说的name='name',name='password'这些

zoran-hwang#1810 年前

引用 brickyang贴前端代码

@brickyang 这个是原始的前端表单代码

			<div class="form-group-lg">

		    <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label>
		    <div class="col-sm-10">
 				<input type="email" class="form-control" id="inputEmail3" placeholder="Email" autocomplete="off">
			</div>
		</div>
		<div class="form-group-lg">
		    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
		    <div class="col-sm-10">
		     	<input type="password" class="form-control" id="inputPassword3" placeholder="Password" autocomplete="off">
		    </div>
		  </div>
		<div class="form-group-lg">
		    <div class="col-sm-offset-2 col-sm-10">
		     	<input type="submit" class="btn btn-success btn-lg" value="登录"/>
		    </div>
		</div>
	</form>
	
	里面div之类都是加样式的。下面这是去除样式之后的表单代码。

  <form class="form-horizontal" method="POST" action="/p_login">

		<input type="email" class="form-control" id="inputEmail3" placeholder="Email" autocomplete="off">

 		<input type="password" class="form-control" id="inputPassword3" placeholder="Password" autocomplete="off">
 		<input type="submit" class="btn btn-success btn-lg" value="登录"/>		   
	</form> 
	
	这是处理路由的代码

  app.post('/p_login', function(req, res) {

	var md5 = crypto.createHash('md5'),

	    password = md5.update(req.body.password).digest('hex');
	 	 //检查用户是否存在
	User.get(req.body.name, function (err, user) {
	    if (!user) {
		    req.flash('error', '用户不存在!'); 
		    return res.redirect('/p_login');//用户不存在则跳转到登录页
	    }
	    //检查密码是否一致
	    if (user.password != password) {
	        req.flash('error', '密码错误!'); 
	        return res.redirect('/p_login');//密码错误则跳转到登录页
	    }
	    req.session.user = user;
	    req.flash('success', '登陆成功!');
	    res.redirect('/');
    });
});

doerU#1710 年前

前端代码有没有 name='name' name='password'这个玩意儿。

brickyang#1610 年前

贴前端代码

Kaijun#1510 年前

@lanhaoxiang 不一定非要是json, 楼主用form-urlencoded并没有问题

@zoran-hwang 比如我登录facebook的请求 1.pic.jpg 请求中会带有FormData 检验前台提交Form是否正确