吉祥寺 2021-06-08 18:11 采纳率: 50%
浏览 143

为什么form method为post提交表单内容一直为空

前台form输入了用户名和密码,但是点击提交以后,后端并未获取到数据,打出来的log内容req.body为空{},这是为什么呢?我用postman直接调用接口是可以正常输出数据的,form为什么提交空的数据?

login.html

<!DOCTYPE html>
<html>
<body>

<form action="/post/register" method="POST">
First name:<br>
<input type="text" name="firstname" value="Mickey">
<br>
Last name:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">
</form> 

<p>如果您点击提交,表单数据会被发送到名为 demo_form.asp 的页面。</p>

</body>
</html>

路由post.js

//一个真实的express项目一般会有多组API,分布在子路由中处理,这里以文章为例创建一个/post子路由
const express = require("express");
//创建router实例用于处理子路由
const route = express.Router();
const userCtrl = require('../public/src/user')
//get请求中返回示例数据
route.post('/register',userCtrl.register);
route.get('/login',userCtrl.showlogin);

userCtrl.js


exports.showlogin = async(req,res) => {
    
    try{
        res.render('login')
    }catch(err){
        next(err)
    }
};
exports.register = async(req,res) => {
    
    try{
        console.log('body:',req.body);
        if(!req.body.username){
            return res.send('用户名不能为空')
        }
        res.send('验证通过');
    }catch(err){
        next(err)
    }
};

输出结果

PS D:\FUXI-Link微信小程序\FUXI-Link\express-hello-world> node app.js
(node:20908) Warning: Accessing non-existent property 'get' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
Express server listening at http://localhost:3001
body: {}
  • 写回答

1条回答 默认 最新

  • 吉祥寺 2021-06-09 09:44
    关注

    找到原因了,解决方案如下:

    您以HTML POST的身份提交,这意味着您正在使用Content-Type: application/x-www-form-urlencoded

    这意味着您需要添加app.use(express.urlencoded({ extended: false })),这样express可以解析该请求并将其放入req.body

    评论

报告相同问题?

悬赏问题

  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 基于卷积神经网络的声纹识别
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP