使用Session防止表单重复提交

 在平时开发中,若是网速比较慢的状况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会觉得是本身没有提交表单,就会再点击提交按钮重复提交表单,咱们在开发中必须防止表单重复提交。web

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

有以下的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.一、场景一:在网络延迟的状况下让用户有时间点击屡次submit按钮致使表单重复提交

  演示动画以下所示:网络

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

演示动画以下所示:session

  点击浏览器的刷新按钮,就是把浏览器上次作的事情再作一次,由于这样也会致使表单重复提交。dom

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

演示动画以下所示:jsp

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

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

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

复制代码

           Form表单                                                                                                                用户名:

复制代码

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

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

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

复制代码

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

复制代码

运行效果以下:

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

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

3、利用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页面,此次是在服务器端处理表单重复提交的,运行效果以下:

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

相关文章
相关标签/搜索