前言
Express.js 是一个流行的 Node.js Web 框架，它提供了许多功能和工具，能够帮助我们轻松地创建 Web 应用程序。在这篇文章中，我们将学习如何使用 Express.js 将数据从表单传递到处理程序。
准备工作
在开始之前，我们需要确保已经安装了 Node.js 和 Express.js。如果你还没有安装，可以通过以下命令安装：
# 安装 Node.js sudo apt-get install nodejs # 安装 Express.js npm install express
创建表单
首先，我们需要创建一个 HTML 表单，这样用户就可以在网页上输入数据。在本例中，我们将创建一个简单的表单，包含一个文本框和一个提交按钮。在你的项目中创建一个名为 index.html 的文件，并添加以下代码：
// javascriptcn.com 代码示例
<!DOCTYPE html>
<html>
<head>
<title>表单</title>
</head>
<body>
<h1>表单</h1>
<form action="/submit" method="post">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
</body>
</html>在上面的代码中，我们创建了一个名为 username 的文本框，并将表单的 action 属性设置为 /submit，这意味着当用户提交表单时，数据将被发送到 /submit 路径。我们还将表单的 method 属性设置为 post，这意味着我们将使用 POST 请求发送数据。
创建处理程序
现在我们需要创建一个处理程序来处理从表单发送的数据。在你的项目中创建一个名为 app.js 的文件，并添加以下代码：
// javascriptcn.com 代码示例
const express = require('express')
const app = express()
app.use(express.urlencoded({ extended: true }))
app.get('/', (req, res) => {
res.sendFile(__dirname + '/index.html')
})
app.post('/submit', (req, res) => {
const username = req.body.username
res.send('你好，' + username + '！')
})
app.listen(3000, () => {
console.log('应用程序已启动')
})在上面的代码中，我们首先引入了 Express.js 模块，并创建了一个名为 app 的 Express 应用程序。然后，我们使用 app.use() 方法注册了一个中间件，这个中间件用于解析 POST 请求发送的数据。我们还使用 app.get() 方法创建一个路由，当用户访问根路径时，我们将发送 index.html 文件。最后，我们使用 app.post() 方法创建一个路由，当用户提交表单时，我们将从请求的 body 中获取 username 数据，并将其发送回客户端。
运行应用程序
现在我们已经完成了表单和处理程序的创建，我们可以启动应用程序并测试它是否正常工作。在终端中运行以下命令：
node app.js
然后打开浏览器，访问 http://localhost:3000，你应该可以看到一个包含一个文本框和一个提交按钮的表单。输入你的用户名并点击提交按钮，你应该可以看到一个包含你的用户名的欢迎消息。
总结
在本文中，我们学习了如何使用 Express.js 将数据从表单传递到处理程序。我们创建了一个包含一个文本框和一个提交按钮的表单，并在服务器端创建了一个处理程序，用于处理从表单发送的数据。我们还学习了如何使用 Express.js 中间件来解析 POST 请求发送的数据。这些知识对于开发 Web 应用程序非常重要，希望能对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656bf0d6d2f5e1655d449990