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

<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);
});