高级java每日一道面试题-2024年8月13日-web篇-如何防止表单重复提交?

如果有遗漏,评论区告诉我进行补充

面试官: 如何防止表单重复提交?

我回答:

在Web开发中，防止表单重复提交是一个重要且常见的需求，特别是在处理如支付、注册、下单等敏感操作时。表单重复提交可能会导致数据冗余、业务逻辑错误或者经济损失甚至安全问题。下面详细介绍几种常见的防止表单重复提交的方法：

1. 设置表单提交间隔

• 原理：通过客户端JavaScript设置一个最小提交间隔，如果用户在短时间内多次尝试提交，将阻止后续的提交请求。

• 实现：

  1. 使用JavaScript记录上一次提交的时间。
  2. 在用户尝试提交表单时，检查当前时间与上次提交时间的差值，如果小于设定的最小间隔，则阻止提交。

2. 使用Token机制

优点：可靠性高，难以绕过。
缺点：需要后端支持，实现稍复杂。

• 生成Token：每次用户访问表单页面时，服务器生成一个唯一的Token，并将其存储在Session中或数据库中，同时将Token作为隐藏字段添加到表单中。
• 提交验证：表单提交时，后端验证表单中的Token与Session或数据库中的Token是否一致，且该Token是否未被使用过。如果验证通过，则处理表单数据，并将Token标记为已使用或删除。
• Token失效：Token通常设置一定的有效期，过期后需要重新生成。

3. 使用Post/Redirect/Get模式

优点：简单有效，且能避免表单重复提交造成的页面刷新问题。
缺点：不直接防止重复提交，而是通过重定向减少其影响。

• 提交表单：用户提交表单后，服务器处理请求。
• 重定向：处理完请求后，服务器不是直接显示处理结果，而是重定向到另一个页面（通常是显示结果的页面）。
• 避免重复提交：由于提交后进行了重定向，用户如果刷新页面，浏览器会进行GET请求而不是重新提交POST表单。

4. 利用数据库唯一约束

优点：结合业务逻辑，可靠性高。
缺点：实现复杂度较高，需要针对每个表单设计唯一标识符。

• 业务唯一标识符：结合表单的业务逻辑，设计一个或多个唯一标识符（如订单号、用户名+时间戳等）。
• 验证唯一性：在数据库或缓存中检查这些标识符是否已存在，如果存在则拒绝处理。
• 实现：
  1. 在数据库表的关键字段上设置唯一索引。
  2. 如果两次提交的数据在关键字段上相同，第二次提交时数据库将抛出异常。

5. 使用乐观锁

优点：适用于数据库中的记录更新操作，能有效防止并发问题。
缺点：仅适用于数据库操作，且需要数据库支持（如支持版本号字段）。

• 版本号：在数据库表中添加一个版本号字段。
• 更新时检查版本号：在更新记录时，检查版本号是否与数据库中的一致。如果一致，则更新记录并增加版本号；如果不一致，则拒绝更新（因为该记录已被其他事务修改）。

6. 使用JavaScript禁用提交按钮

• 原理：在客户端使用JavaScript禁用提交按钮，防止用户在页面未完全加载或响应较慢时多次点击提交按钮。

• 实现：

  1. 在表单提交时，使用JavaScript禁用提交按钮。
  2. 一旦表单提交，即使用户再次点击按钮，由于按钮已被禁用，不会触发新的提交事件。

7. 服务器端记录提交状态

• 原理：在服务器端记录已经处理过的请求，如果检测到重复请求则拒绝处理。
• 实现：
  1. 在处理完一次提交后，在服务器端存储一个标识，表示这次提交已经被处理。
  2. 对于后续的请求，检查是否有对应标识，如果有则认为是重复提交。

总结

防止表单重复提交需要结合具体业务场景来选择合适的方法。通常，Token机制是较为可靠和常用的方法。此外，前端JavaScript控制和Post/Redirect/Get模式可以作为辅助手段，而业务唯一标识符和乐观锁则适用于特定的业务场景。