Express の POST 请求-蒲公英云

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。当然，这种类型的请求体也可以不包括二进制数据，可以只是简单的表单内容。
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);
});