文档章节

使用Session防止表单重复提交

Galy_绿
 Galy_绿
发布于 2015/12/01 02:39
字数 1447
阅读 126
收藏 7

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

 在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交。

一、表单重复提交的常见应用场景

有如下的form.jsp页面

复制代码

           Form表单                         用户名:

复制代码

  form表单提交到DoFormServlet进行处理

复制代码

           DoFormServlet                                       request.setCharacterEncoding("UTF-8"         String userName = request.getParameter("username"                                   Thread.sleep(3*1000         }            System.out.println("向数据库中插入数据:"+                         }

复制代码

  如果没有进行form表单重复提交处理,那么在网络延迟的情况下下面的操作将会导致form表单重复提交多次

1.1、场景一:在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交

  演示动画如下所示:

 1.2、场景二:表单提交后用户点击【刷新】按钮导致表单重复提交

演示动画如下所示:

  点击浏览器的刷新按钮,就是把浏览器上次做的事情再做一次,因为这样也会导致表单重复提交。

1.3、场景三:用户提交表单后,点击浏览器的【后退】按钮回退到表单页面后进行再次提交

演示动画如下所示:

二、利用JavaScript防止表单重复提交

  既然存在上述所说的表单重复提交问题,那么我们就要想办法解决,比较常用的方法是采用JavaScript来防止表单重复提交,具体做法如下:

修改form.jsp页面,添加如下的JavaScript代码来防止表单重复提交

复制代码

           Form表单                                                                                                                用户名:

复制代码

  我们看看使用了JavaScript来防止表单提交重复是否可以成功,运行效果如下:

  可以看到,针对"在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交"这个应用场景,使用JavaScript是可以解决这个问题的,解决的做法就是"用JavaScript控制Form表单只能提交一次"。

  除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:

复制代码

            btnSubmit = document.getElementById("submit"          btnSubmit.disabled= "disabled"            }

复制代码

运行效果如下:

   另外还有一种做法就是提交表单后,将提交按钮隐藏起来,这种做法和将提交按钮设置为不可用是差不多的,个人觉得将提交按钮隐藏影响到页面布局的美观,并且可能会让用户误以为是bug(怎么我一点击按钮,按钮就不见了呢?用户可能会有这样的疑问),我个人在开发中用得比较多的是表单提交后,将提交按钮设置为不可用,反正使用JavaScript防止表单重复提交的做法都是差不多的,目的都是让表单只能提交一次,这样就可以做到表单不重复提交了。

  使用JavaScript防止表单重复提交的做法只对上述提交到导致表单重复提交的三种场景中的【场景一】有效,而对于【场景二】和【场景三】是没有用,依然无法解决表单重复提交问题。

三、利用Session防止表单重复提交

  对于【场景二】和【场景三】导致表单重复提交的问题,既然客户端无法解决,那么就在服务器端解决,在服务器端解决就需要用到session了。

  具体的做法:在服务器端生成一个唯一的随机标识号,专业术语称为Token(令牌),同时在当前用户的Session域中保存这个Token。然后将Token发送到客户端的Form表单中,在Form表单中使用隐藏域来存储这个Token,表单提交的时候连同这个Token一起提交到服务器端,然后在服务器端判断客户端提交上来的Token与服务器端生成的Token是否一致,如果不一致,那就是重复提交了,此时服务器端就可以不处理重复提交的表单。如果相同则处理表单提交,处理完后清除当前用户的Session域中存储的标识号。
  在下列情况下,服务器程序将拒绝处理用户提交的表单请求:

  1. 存储Session域中的Token(令牌)与表单提交的Token(令牌)不同。

  2. 当前用户的Session中不存在Token(令牌)

  3. 用户提交的表单数据中没有Token(令牌)

看具体的范例:

  1.创建FormServlet,用于生成Token(令牌)和跳转到form.jsp页面

复制代码

           FormServlet          serialVersionUID = -884689940866074733L                              String token = TokenProccessor.getInstance().makeToken();         System.out.println("在FormServlet中生成的token:"+         request.getSession().setAttribute("token", token);           request.getRequestDispatcher("/form.jsp").forward(request, response);                         }

复制代码

  2.在form.jsp中使用隐藏域来存储Token(令牌)

复制代码

     form表单                                                                            用户名:

复制代码

  3.DoFormServlet处理表单提交

复制代码

           DoFormServlet                                        b = isRepeatSubmit(request);             (b==                 System.out.println("请不要重复提交"                               request.getSession().removeAttribute("token");             System.out.println("处理用户提交请求!!"                                                          String client_token = request.getParameter("token"                          (client_token==                                             String server_token = (String) request.getSession().getAttribute("token"                          (server_token==                                             (!                                                                       }

复制代码

  生成Token的工具类TokenProccessor

复制代码

                                           TokenProccessor instance =                                                            String makeToken(){                    String token = (System.currentTimeMillis() +  Random().nextInt(999999999)) + ""                               MessageDigest md = MessageDigest.getInstance("md5"              md5[] =                          BASE64Encoder encoder =                       }                  }

复制代码

  首先访问FormServlet,在FormServlet中生成Token之后再重定向到form.jsp页面,这次是在服务器端处理表单重复提交的,运行效果如下:

  从运行效果中可以看到,通过这种方式处理表单重复提交,可以解决上述的场景二和场景三中出现的表单重复提交问题。

本文转载自:http://www.cnblogs.com/xdp-gacl/p/3859416.html

Galy_绿
粉丝 13
博文 133
码字总数 14908
作品 0
海淀
私信 提问
防止重复提交表单

在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复...

奋斗的小菜一碟
2016/01/18
619
0
SpringMVC 防止表单提交的解决方案

在平时开发中,如果网速比较慢的情况下, 用户提交表单后,发现服务器半天没有响应,用户可能以为是自己没有提交表单,就会再点击提交按钮重复提交表单,所以在开发中我们需要防止表单重复提交 1....

陈小扁
2016/04/22
541
0
防止表单重复提交的八种简单有效的策略

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导...

为了美好的明天
2018/04/19
93
1
防止表单重复提交的几种策略

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导...

恋空御月
2015/10/21
236
0
表单重复提交问题

为什么会发生表单重复提交呢? 网络延时 在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复...

Z-向上
2018/01/11
44
0

没有更多内容

加载失败,请刷新页面

加载更多

在每个GROUP BY组中选择第一行?

顾名思义,我想选择以GROUP BY分组的每组行的第一行。 具体来说,如果我有一个如下的purchases表: SELECT * FROM purchases; 我的输出: id | customer | total---+----------+------ 1...

技术盛宴
34分钟前
5
0
python 安装与使用总结

https://www.jetbrains.com/pycharm/download/#section=mac

T型人才追梦者
38分钟前
5
0
每个开发人员都应该知道的11个Linux命令

本文主要挑选出读者有必要首先学习的 11 个 Linux 命令,如果不熟悉的读者可以在虚拟机或云服务器上实操下,对于开发人员来说,能熟练掌握 Linux 做一些基本的操作是必要的! 事不宜迟,这里...

武培轩
46分钟前
7
0
window.onload与$(document).ready()

JavaScript的window.onload和jQuery的$(document).ready()方法有什么区别? #1楼 关于在Internet Explorer中使用$(document).ready()的警告。 如果在整个文档加载之前 HTTP请求被中断(例如,...

javail
50分钟前
8
0
对比yml配置文件与properties的区别

我们在日常编码中少不了配置文件,说到配置文件就不得不说起yml和properties这两种后缀的配置文件 接下来我带大家简述一下他们具体有什么区别 - yml格式的文件 server: port: 9090 spring: a...

理性思考
53分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部