如何在 Express.js 中正确地处理表单数据-JavaScript中文网-JavaScript教程资源分享门户

在 Web 应用程序中，表单是一种非常常见的用户交互方式。而在 Express.js 中，处理表单数据是一个常见的任务。本文将介绍如何在 Express.js 中正确地处理表单数据，包括 GET 和 POST 请求，并给出相应的示例代码。

GET 请求

GET 请求是浏览器向服务器请求数据的一种方式，一般用于获取数据。在 Express.js 中，可以通过 req.query 获取 GET 请求中的参数。req.query 是一个对象，其中包含了所有的查询参数。

以下是一个简单的示例代码，演示了如何在 Express.js 中处理 GET 请求中的参数：

// javascriptcn.com 代码示例
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  const name = req.query.name || 'World';
  res.send(`Hello, ${name}!`);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的代码中，我们定义了一个路由处理器，当用户访问根路径时，返回一个问候语。如果用户在 URL 中提供了名字参数（例如 http://localhost:3000/?name=John），则使用该参数的值。否则，使用默认值 World。

POST 请求

POST 请求是一种向服务器提交数据的方式。在 Express.js 中，可以使用 body-parser 中间件来解析 POST 请求中的参数。body-parser 可以解析多种类型的请求体，包括 JSON、URL 编码和多部分形式数据。

以下是一个示例代码，演示了如何在 Express.js 中处理 POST 请求中的 JSON 数据：

// javascriptcn.com 代码示例
const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.json());

app.post('/', (req, res) => {
  const name = req.body.name || 'World';
  res.send(`Hello, ${name}!`);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的代码中，我们使用了 body-parser 中间件来解析 POST 请求中的 JSON 数据。当用户向根路径发送 POST 请求时，返回一个问候语。如果请求体中包含名字参数，则使用该参数的值。否则，使用默认值 World。

总结

在 Express.js 中，处理表单数据是一个常见的任务。本文介绍了如何在 Express.js 中处理 GET 和 POST 请求中的参数，并给出了相应的示例代码。希望读者可以从中学到一些有用的技能，并能够将其应用到自己的项目中。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6557ade5d2f5e1655d2050ef