前言
在前端开发中，我们通常需要使用服务器技术来处理一些动态请求，例如：处理登录/注册，获取数据等等。而常见的服务器技术中，Node.js 算得上开发者们使用最广泛的一种，它通过 JavaScript 语言来实现服务端的开发工作，而 npm 包则是 Node.js 中非常重要的一个模块生态系统。
而 express-deresubmission 就是一个十分实用的 npm 包，它可以有效地防止表单重复提交的问题，在该包的帮助下，可以让表单提交更加安全、可靠。
安装
使用 npm 命令行进行安装：
npm install express-deresubmission
使用
首相，我们需要引入 express-deresubmission 模块：
const deresubmission = require('express-deresubmission');接着，我们可以调用 deresubmission() 方法，该方法需要传入两个参数，分别是存储 token 的方式和生成 token 的方式。在这里，我们使用了 express-session 作为 token 存储方式。而在生成 token 的方式中，可以用 $username、$random、$time、$md5、$sha1、$uuid 或者是自定义字符串，这里我们以 $uuid 为例。
-- -------------------- ---- -------
----- ------- - ---------------------------
----- --- - ----------
-----------------
------- ------------------
------- ------
------------------ -----
----
--------------------------------------- -
----- --------
----------- -----
---------- ------------- -
------ --------------------- -- ---------------------- - ----
--
--------- -------
----最后，在需要防止表单重复提交的路由中，我们可以调用 req.checkDereSubmission() 方法来检查表单是否重复提交，如果检测到重复提交，会返回 true，否则会返回 false。
app.post('/register', function(req, res) {
if (req.checkDereSubmission()) {
return res.send('您已提交过表单，请不要重复提交');
}
// 处理注册请求
});示例代码
下面是一个简单的示例代码，来展示如何使用 express-deresubmission 来防止表单重复提交：
-- -------------------- ---- -------
----- ------- - -------------------
----- -------------- - ----------------------------------
----- ------- - ---------------------------
----- --- - ----------
-----------------
------- ------------------
------- ------
------------------ -----
----
--------------------------------------- -
----- --------
----------- -----
---------- ------------- -
------ --------------------- -- ---------------------- - ----
--
--------- -------
----
------------ ------------- ---- -
----------
------
------
---------------------
-------
------
----- ------------------ --------------
------ ----------- -----------------
------ --------------- -----------------
------ ------------- ------------
-------
-------
-------
---
---
--------------------- ------------- ---- -
-- --------------------------- -
------ ----------------------------
-
-- ------
------------------
---
---------------- ---------- -
------------------- --------- --- ------------------------
---结束语
在前端开发中，防止表单重复提交是一个非常重要的问题，而使用 express-deresubmission 这个 npm 包，可以让我们的表单提交更加安全、可靠。希望今天的文章能对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566c081e8991b448e3167