Node.js中間件——使用Express.urlencoded解析POST請求數據

一、什麼是Express.urlencoded

當我們在前端傳遞表單數據時，常使用POST請求方式將數據提交到後端，HTTP協議默認以application/x-www-form-urlencoded格式傳輸，即將所有參數名和參數值轉義後，使用等號連接再使用「&」符號連接而成。Express.urlencoded是一個中間件函數，它可以將提交的表單數據解析成對象形式，開發者可以方便地在程序中調用這些數據。

二、使用Express.urlencoded解析POST請求數據的步驟

1、使用npm安裝express模塊。

npm install express

2、使用express搭建伺服器。

const express = require('express')
const app = express()
app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000')
}) 

3、引用Express中間件Express.urlencoded()。

app.use(express.urlencoded({extended: false}))

4、在POST請求的回調函數中解析表單數據。

app.post('/submit', (req, res) => {
  const username = req.body.username
  const password = req.body.password
  res.send(`Your username is ${username}, your password is ${password}`)
})

其中，req.body對象即為通過Express.urlencoded解析後的數據對象。

三、常見問題及解決方案

1、解析失敗

當提交的表單數據無法被Express.urlencoded解析時，req.body對象將為undefined。這可能是由於請求頭報文格式不規範、提交的表單數據格式不對等原因導致的。

解決方法：檢查請求頭報文和提交的表單數據格式，確保其符合規範。

2、後端接收不到前端傳來的參數

在使用Express.urlencoded時，前端需要使用name屬性來命名參數，後端才能正確地接收到參數。如果參數名不匹配，則req.body對象中對應的值為undefined。

解決方法：確保前端傳遞的參數名和後端定義的參數名一致。

四、總結

Express.urlencoded是一個方便快捷的中間件，可以將POST請求提交的表單數據解析成對象形式。在使用過程中，需要注意請求頭報文、提交的表單數據格式和參數名是否匹配等問題，才能使用Express.urlencoded解析POST請求數據成功。