Express の POST 请求
上一篇文章是 Express 中处理GET
请求。这里我们来看看如何在express
中处理POST
请求。
要将到POST
,最主要的还是比GET
请求多了请求体
。关键就是如何拿到POST
请求的请求体。在express
中,处理POST
请求需要使用post()
函数。
请求体的类型由Content-Type
请求头指定,POST
请求常见的请求体类型有
application/x-www-form-urlencoded
:数据被编码成以&
分隔的键值对,同时以=
分隔键和值。非字母或数字的字符会被百分比编码,也被称为URL编码。
可以看到请求体中的中文被百分比编码。正因为百分比编码的存在,使得这种类型的请求体无法发送二进制数据,故上传文件时,只能使用下面的multipart/form-data
类型代替multipart/form-data
:如果要发这种类型的请求体,必须表单的method
属性为POST
且enctype
属性为multipart/form-data
。当然,这种类型的请求体也可以不包括二进制数据,可以只是简单的表单内容。
<form action="http://localhost:3000/login" method="post"
enctype="multipart/form-data">
<input type="text" name="username" placeholder="姓名"/><br>
<input type="password" name="password" placeholder="密码"/><br>
<input type="file" name="file" id="file"><br>
<button type="submit">提交</button>
</form>
application/json
:现在比较常见的类型就是JSON
类型了,一般可以在后面加上charset=utf-8;
指定请求体的编码。
中间件
为了使express
具备处理POST
请求的能力,我们需要使用中间件app.use()
。
app.use(express.urlencoded({
extended: false
}));
app.use(express.json());
express.urlencoded()
和express.json()
都是express
内置的中间件。分别用来处理application/x-www-form-urlencoded
和application/json
类型的请求体。其中{extended: false}
表示解析URL编码
时使用querystring
库,相反使用qs
库。
获得请求参数
使用req.body
拿到请求体
app.post('/login', (req, res) => {
let { username, password } = req.body;
console.log('username: ', username);
console.log('password: ', password);
res.json(req.body);
});