简介
@knod/plug-n-parse 可以让你轻松地获取用户通过 HTML 表单提交的数据，并将其转换为可用于服务器端操作的 JavaScript 对象。这个包为你提供了一个快捷的方式来解析和处理 HTML 表单数据。
安装
使用 npm 命令进行安装：
npm install @knod/plug-n-parse
使用
首先导入依赖：
import { parse } from "@knod/plug-n-parse";然后，你可以在你的服务器端使用 parse() 函数来获取提交的表单数据，例如：
-- -------------------- ---- -------
------ - ------------ - ---- -------
------ - ----- - ---- ---------------------
----- ------ - ---------------------- --------- -- -
-- --------------- --- ------- -
------------------------ -- -
----------------------- - --------------- ------------ ---
-------------------- ----------------
---
- ---- -
----------------------- - --------------- ------------ ---
-------------------- ---------
-
---
--------------------
---------------------- -- ---- -------这段代码监听 3000 端口并使用 parse() 函数获取提交的数据，然后返回一个简单的 "Hello, [NAME]!" 消息。如果请求不是 POST 请求，那么服务器将返回 "Hello, World!"。
深度解析
在上面的例子中，我们调用了 parse() 函数，并将其传递给了我们的 HTTP 服务器。这个函数将处理提交的表单数据，并将其转换为 JavaScript 对象。下面是这个函数的完整签名：
parse(request: IncomingMessage): Promise<object>
该函数接受一个 IncomingMessage 对象，该对象是由 Node.js 创建的。它通常是一个 HTTP 请求或响应。当我们在浏览器中提交表单时，我们实际上正在创建一个 HTTP POST 请求。该请求通常包括表单字段的名称和值。在服务器端，我们将使用 parse() 函数来处理这些数据。
parse() 函数返回一个 Promise，该 Promise 在解析和转换表单数据完成后将 resolve 为一个 JavaScript 对象，该对象表示提交的表单数据。这个对象包含表单字段的名称和值。
示例代码
这里是一个完整的示例代码，包括 HTML 和 JavaScript：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------
-------
------
-------------
----- ---------- --------------
-------
-----
------ ----------- ----------- ---------
--------
----
-------
------
------ ------------ ------------ ---------
--------
----
------- -----------------------------
-------
------- --------------
------ - ----- - ---- ---------------------
----- ---- - -------------------------------
------------------------------- ----- -- -
-- ------
-----------------------
----------------------------- -- -
------------------
---
---
---------
-------
-------这是一个简单的 HTML 表单，我们可以将其用作前端页面。该表单将提交给我们的 Node.js HTTP 服务器。如果表单填写正确，我们的服务器将返回一个欢迎消息。
最后，我们在客户端使用 parse() 函数来获取提交的表单数据。我们还需要防止表单默认提交，这是通过添加一个 submit 事件监听器来完成的。
总结
这个 npm 包为前端与后端之间的数据交换提供了一个快捷的方式。不再需要手动处理表单数据。只需使用 @knod/plug-n-parse 包，即可轻松地获取并处理与 HTML 表单有关的数据。无论是在前端还是后端，都可以轻松使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bf581e8991b448d997d