Express の POST 请求

﹏ヽ暗。殇╰゛Y 2024-05-24 04:02 75阅读 0赞

## Express の POST 请求 ##

[上一篇文章][Link 1]是 Express 中处理`GET`请求。这里我们来看看如何在`express`中处理`POST`请求。

要将到`POST`，最主要的还是比`GET`请求多了`请求体`。关键就是如何拿到`POST`请求的请求体。在`express`中，处理`POST`请求需要使用`post()`函数。

请求体的类型由`Content-Type`请求头指定，`POST`请求常见的请求体类型有

*  `application/x-www-form-urlencoded`：数据被编码成以`&`分隔的键值对，同时以`=`分隔键和值。非字母或数字的字符会被[百分比编码，也被称为URL编码][URL]。  
    ![33fb7cfd34db41ca9d6950bdd2aefaf5.png][]  
    可以看到请求体中的中文被百分比编码。正因为百分比编码的存在，使得这种类型的请求体无法发送二进制数据，故上传文件时，只能使用下面的`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);
    });

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6K6h56eR55qE55S35Lq657ud5LiN6K6k6L6T_size_12_color_FFFFFF_t_70_g_se_x_16]

[Link 1]: https://blog.csdn.net/broken_promise/article/details/120240511
[URL]: https://developer.mozilla.org/zh-CN/docs/Glossary/percent-encoding
[33fb7cfd34db41ca9d6950bdd2aefaf5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/f7939d0428d04c2888228a9e25dc1dcd.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6K6h56eR55qE55S35Lq657ud5LiN6K6k6L6T_size_12_color_FFFFFF_t_70_g_se_x_16]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/9846de68e90a4468a67580e765eadd65.png