在Express中處理表格

如何使用Express處理表格

這是HTML表單的示例：

<form method="POST" action="/submit-form">
  <input type="text" name="username" />
  <input type="submit" />
</form>

當用戶按下“提交”按鈕時，瀏覽器將自動創建一個POST要求/submit-form頁面同一來源上的URL。瀏覽器發送包含的數據，編碼為application/x-www-form-urlencoded。在此特定示例中，表單數據包含username輸入字段值。

表單還可以使用GET方法，但是您將要構建的絕大多數表單都將使用POST。

表單數據將在POST請求正文中發送。

要提取它，您將需要使用express.urlencoded()中間件：

const express = require('express')
const app = express()
app.use(express.urlencoded({
extended: true
}))

現在，您需要創建一個POST端點/submit-form路線，並且任何數據都將在Request.body：

app.post('/submit-form', (req, res) => {
  const username = req.body.username
  //...
  res.end()
})

使用數據前，請不要忘記驗證數據，請使用express-validator。

免費下載我的Express.js手冊