在平时开发中,若是网速比较慢的状况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会觉得是本身没有提交表单,就会再点击提交按钮重复提交表单,咱们在开发中必须防止表单重复提交。web
有以下的form.jsp页面数据库
Form表单 用户名:
form表单提交到DoFormServlet进行处理浏览器
DoFormServlet request.setCharacterEncoding("UTF-8" String userName = request.getParameter("username" Thread.sleep(3*1000 } System.out.println("向数据库中插入数据:"+ }
若是没有进行form表单重复提交处理,那么在网络延迟的状况下下面的操做将会致使form表单重复提交屡次服务器
演示动画以下所示:网络
演示动画以下所示:session
点击浏览器的刷新按钮,就是把浏览器上次作的事情再作一次,由于这样也会致使表单重复提交。dom
演示动画以下所示:jsp
既然存在上述所说的表单重复提交问题,那么咱们就要想办法解决,比较经常使用的方法是采用JavaScript来防止表单重复提交,具体作法以下:工具
修改form.jsp页面,添加以下的JavaScript代码来防止表单重复提交布局
Form表单 用户名:
咱们看看使用了JavaScript来防止表单提交重复是否能够成功,运行效果以下:
能够看到,针对"在网络延迟的状况下让用户有时间点击屡次submit按钮致使表单重复提交"这个应用场景,使用JavaScript是能够解决这个问题的,解决的作法就是"用JavaScript控制Form表单只能提交一次"。
除了用这种方式以外,常常见的另外一种方式就是表单提交以后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码以下:
btnSubmit = document.getElementById("submit" btnSubmit.disabled= "disabled" }
运行效果以下:
另外还有一种作法就是提交表单后,将提交按钮隐藏起来,这种作法和将提交按钮设置为不可用是差很少的,我的以为将提交按钮隐藏影响到页面布局的美观,而且可能会让用户误觉得是bug(怎么我一点击按钮,按钮就不见了呢?用户可能会有这样的疑问),我我的在开发中用得比较多的是表单提交后,将提交按钮设置为不可用,反正使用JavaScript防止表单重复提交的作法都是差很少的,目的都是让表单只能提交一次,这样就能够作到表单不重复提交了。
使用JavaScript防止表单重复提交的作法只对上述提交到致使表单重复提交的三种场景中的【场景一】有效,而对于【场景二】和【场景三】是没有用,依然没法解决表单重复提交问题。
对于【场景二】和【场景三】致使表单重复提交的问题,既然客户端没法解决,那么就在服务器端解决,在服务器端解决就须要用到session了。
具体的作法:在服务器端生成一个惟一的随机标识号,专业术语称为Token(令牌),同时在当前用户的Session域中保存这个Token。而后将Token发送到客户端的Form表单中,在Form表单中使用隐藏域来存储这个Token,表单提交的时候连同这个Token一块儿提交到服务器端,而后在服务器端判断客户端提交上来的Token与服务器端生成的Token是否一致,若是不一致,那就是重复提交了,此时服务器端就能够不处理重复提交的表单。若是相同则处理表单提交,处理完后清除当前用户的Session域中存储的标识号。
在下列状况下,服务器程序将拒绝处理用户提交的表单请求:
存储Session域中的Token(令牌)与表单提交的Token(令牌)不一样。
当前用户的Session中不存在Token(令牌)。
用户提交的表单数据中没有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页面,此次是在服务器端处理表单重复提交的,运行效果以下:
从运行效果中能够看到,经过这种方式处理表单重复提交,能够解决上述的场景二和场景三中出现的表单重复提交问题。