Express请求处理之POST参数的获取

最新推荐文章于 2024-08-13 13:36:37 发布

_XinXinM_

最新推荐文章于 2024-08-13 13:36:37 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/binbinhxx/article/details/112681609

本文介绍了如何在Express应用中使用body-parser中间件来接收和处理POST请求的参数。通过设置`extended: false`，利用系统模块queryString解析请求参数；而`extended: true`则使用qs模块，提供更强大的解析功能。示例代码展示了如何配置和使用body-parser，以及创建一个简单的HTML表单来发送POST请求。最后，展示了如何从req.body获取并返回这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

POST参数的获取

Express 中接收POST请求参数需要借助第三方包 body-parser

//引入body-parser模块
const bodyParser = require('body-parser');
//配置body-parser模块
app.use(bodyParser.urlencoded({ extended: false}));
//接受请求
app.post('/add',(req, res) =>{
	//接受请求参数
	console.log(req.body);
})

通过require方法将body-parser模块引入到项目当中。
body-parser返回一个模块对象使用body-parser变量去接收。
使用app.use这个中间件拦截所有请求，然后调用body-parser模块对象下面urlencoded方法对请求进行处理。方法内部会检测当前请求是否包含了请求参数，如果包含会接受请求参数并且将请求参数转换为对象类型，然后再为req这个请求对象添加一个属性，属性叫body。
并且将请求参数作为值赋值给req.body这个属性，在方法内部调用next方法，将请求控制权交给下一个中间件。接下来在路由中通过req.body属性拿到这个请求参数，在上面的代码当中当客户端以post请求方式请求/add路由的时候，通过req.body属性获取了POST请求参数。
在urlencoded中传递了extended这个参数，extended本身有扩展的意思，当这个参数的值为false时，在方法内部会使用queryString这个系统模块对参数的格式进行处理。当参数的值为true时使用一个qs的第三方模块对请求参数进行处理，qs模块也可以将请求参数的格式转换为对象类型。而且功能上要比nodejs系统模块queryString更加强大。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action = "http://localhost:3000/add" method = "post">
        <input type="text" name = "username">
        <input type="password" name = "password">
        <input type="submit" name = "">
    </form>
</body>
</html>

// 引入express框架
const express = require('express');
const bodyParser = require('body-parser');
// 创建网站服务器
const app = express();
// 拦截所有请求
// extended:false 方法内部使用querystring模块处理请求参数的格式
// extended：true 方法内部使用第三方模块qs模块请求参数的格式
app.use(bodyParser.urlencoded({extend:false}))
app.post('/add',(req,res) =>{
    // 接受post请求参数
    res.send(req.body)
})
app.listen(3000);
console.log("网站服务器启动成功");

在这里插入图片描述