在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手冊


更多速成教程: