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("网站服务器启动成功");