如何在 Express.js 中正确地处理表单数据

阅读时长 3 分钟读完

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

GET 请求

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

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

-- -------------------- ---- -------
----- ------- - -------------------
----- --- - ----------

------------ ----- ---- -- -
  ----- ---- - -------------- -- --------
  ---------------- -----------
---

---------------- -- -- -
  ------------------- -- ------- -- ---- -------
---

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

POST 请求

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

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

-- -------------------- ---- -------
----- ------- - -------------------
----- ---------- - -----------------------
----- --- - ----------

---------------------------

------------- ----- ---- -- -
  ----- ---- - ------------- -- --------
  ---------------- -----------
---

---------------- -- -- -
  ------------------- -- ------- -- ---- -------
---

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

总结

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

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6557ade5d2f5e1655d2050ef

纠错
反馈