关于防止表单form重复提交的方式

简介:
表单重复提交:

1.第一种:添加以后刷新页面(刷新的是Servlet)

2.第二种:重复点击提交按钮.

* 使用令牌机制:(防止表单重复提交)

* 在表单页面中 生成一个令牌

* 将这个令牌保存在session中一份,保存在表单隐藏字段中一份.

* 当表单提交的时候,获得到session中令牌和隐藏字段中令牌.

* 将sesion中的令牌移除了.

 

防表单重复提交的原理:

原理:令牌机制.

* 在JSP页面中,生成了一个随机的字符串,将字符串保存到session中一份,放到表单的隐藏字段中一份,提交,提交到后台之后,获得到两份随机字符串,将session中的清空.(保证这个令牌只能使用一次,提交一次).刷新页面,session中令牌已经失效了.

Struts2防表单重复提交.

* 使用表单标签:<s:token/>

* 在后台配置一个拦截器.token的拦截器.(这个拦截器没有在默认的栈中.)

 

* 步骤:

* 1.JSP页面表单中使用:<s:token/>

* 2.在struts的配置文件中加入引入token拦截器的代码:

 <interceptor-ref name="defaultStack"/>

         <interceptor-ref name="token"/>

* 3.需要在<result>配置一个name=”invalid.token”的跳转页面.(表单重复提交跳转的页面)

 

  

其他方式1:

禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。

其他方式2:

Post/Redirect/Get模式。在提交后执行页面重定向,这就是所谓的Post-Redirect-Get (PRG)模式。简言之,当用户提交了表单后,你去执行一个客户端的重定向,转到提交成功信息页面。

这能避免用户按F5导致的重复提交,而其也不会出现浏览器表单重复提交的警告,也能消除按浏览器前进和后退按导致的同样问题。

其他方式3:

在数据库里添加约束。在数据库里添加唯一约束或创建唯一索引,防止出现重复数据。这是最有效的防止重复提交数据的方法。



本文转自SummerChill博客园博客,原文链接:http://www.cnblogs.com/DreamDrive/p/4090794.html,如需转载请自行联系原作者
相关文章
|
8月前
|
JavaScript 前端开发 数据安全/隐私保护
提交表单与验证表单案例
提交表单与验证表单案例
59 0
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
193 0
|
前端开发
61EasyUI 表单 - 创建异步提交表单
61EasyUI 表单 - 创建异步提交表单
49 0
|
设计模式 JavaScript 数据库
表单防止重复提交的四种方式
表单防止重复提交的四种方式
343 0
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
666 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
JavaScript
jQuery 禁用表单提交按钮,防止用户请求重复提交
jQuery 禁用表单提交按钮,防止用户请求重复提交
210 0
jQuery 禁用表单提交按钮,防止用户请求重复提交
|
前端开发
LayUI表单提交数据为空
本文目录 1. 现象 2. 解决方案
554 0
|
前端开发 Java 数据库连接
checkbox选中并通过ajax传数组到后台接收
这次讲的是通过复选框,选中,点击提交,并将值chuan到后台controller。这个应用是比较广的,什么批量修改,批量添加,授权管理等等,都用到这个。其实这个还是挺简单的,并没有想象中的那么难,但我看到不少朋友在此处受挫,当然曾经的我也是如此。
2253 0