JavaWeb学习总结(十三)——使用Session防止表单重复提交
在平时开发中,如果网速比较慢的情况下,用户提交表单后,发现服务器半天都没有响应,那么用户可能会以为是自己没有提交表单,就会再点击提交按钮重复提交表单,我们在开发中必须防止表单重复提交。
一、表单重复提交的常见应用场景
有如下的form.jsp页面
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <title>Form表单</title> 6 </head> 7 8 <body> 9 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" method="post"> 10 用户名:<input type="text" name="username"> 11 <input type="submit" value="提交" id="submit"> 12 </form> 13 </body> 14 </html>
form表单提交到DoFormServlet进行处理
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class DoFormServlet extends HttpServlet { 10 11 public void doGet(HttpServletRequest request, HttpServletResponse response) 12 throws ServletException, IOException { 13 //客户端是以UTF-8编码传输数据到服务器端的,所以需要设置服务器端以UTF-8的编码进行接收,否则对于中文数据就会产生乱码 14 request.setCharacterEncoding("UTF-8"); 15 String userName = request.getParameter("username"); 16 try { 17 //让当前的线程睡眠3秒钟,模拟网络延迟而导致表单重复提交的现象 18 Thread.sleep(3*1000); 19 } catch (InterruptedException e) { 20 e.printStackTrace(); 21 } 22 System.out.println("向数据库中插入数据:"+userName); 23 } 24 25 public void doPost(HttpServletRequest request, HttpServletResponse response) 26 throws ServletException, IOException { 27 doGet(request, response); 28 } 29 30 }
如果没有进行form表单重复提交处理,那么在网络延迟的情况下下面的操作将会导致form表单重复提交多次
1.1、场景一:在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交
演示动画如下所示:
1.2、场景二:表单提交后用户点击【刷新】按钮导致表单重复提交
演示动画如下所示:
点击浏览器的刷新按钮,就是把浏览器上次做的事情再做一次,因为这样也会导致表单重复提交。
1.3、场景三:用户提交表单后,点击浏览器的【后退】按钮回退到表单页面后进行再次提交
演示动画如下所示:
二、利用JavaScript防止表单重复提交
既然存在上述所说的表单重复提交问题,那么我们就要想办法解决,比较常用的方法是采用JavaScript来防止表单重复提交,具体做法如下:
修改form.jsp页面,添加如下的JavaScript代码来防止表单重复提交
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML> 3 <html> 4 <head> 5 <title>Form表单</title> 6 <script type="text/javascript"> 7 var isCommitted = false;//表单是否已经提交标识,默认为false 8 function dosubmit(){ 9 if(isCommitted==false){ 10 isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true 11 return true;//返回true让表单正常提交 12 }else{ 13 return false;//返回false那么表单将不提交 14 } 15 } 16 </script> 17 </head> 18 19 <body> 20 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post"> 21 用户名:<input type="text" name="username"> 22 <input type="submit" value="提交" id="submit"> 23 </form> 24 </body> 25 </html>
我们看看使用了JavaScript来防止表单提交重复是否可以成功,运行效果如下:
可以看到,针对"在网络延迟的情况下让用户有时间点击多次submit按钮导致表单重复提交"这个应用场景,使用JavaScript是可以解决这个问题的,解决的做法就是"用JavaScript控制Form表单只能提交一次"。
除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:
1 function dosubmit(){ 2 //获取表单提交按钮 3 var btnSubmit = document.getElementById("submit"); 4 //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮 5 btnSubmit.disabled= "disabled"; 6 //返回true让表单可以正常提交 7 return true; 8 }
运行效果如下:
另外还有一种做法就是提交表单后,将提交按钮隐藏起来,这种做法和将提交按钮设置为不可用是差不多的,个人觉得将提交按钮隐藏影响到页面布局的美观,并且可能会让用户误以为是bug(怎么我一点击按钮,按钮就不见了呢?用户可能会有这样的疑问),我个人在开发中用得比较多的是表单提交后,将提交按钮设置为不可用,反正使用JavaScript防止表单重复提交的做法都是差不多的,目的都是让表单只能提交一次,这样就可以做到表单不重复提交了。
使用JavaScript防止表单重复提交的做法只对上述提交到导致表单重复提交的三种场景中的【场景一】有效,而对于【场景二】和【场景三】是没有用,依然无法解决表单重复提交问题。
三、利用Session防止表单重复提交
对于【场景二】和【场景三】导致表单重复提交的问题,既然客户端无法解决,那么就在服务器端解决,在服务器端解决就需要用到session了。
具体的做法:在服务器端生成一个唯一的随机标识号,专业术语称为Token(令牌),同时在当前用户的Session域中保存这个Token。然后将Token发送到客户端的Form表单中,在Form表单中使用隐藏域来存储这个Token,表单提交的时候连同这个Token一起提交到服务器端,然后在服务器端判断客户端提交上来的Token与服务器端生成的Token是否一致,如果不一致,那就是重复提交了,此时服务器端就可以不处理重复提交的表单。如果相同则处理表单提交,处理完后清除当前用户的Session域中存储的标识号。
在下列情况下,服务器程序将拒绝处理用户提交的表单请求:
- 存储Session域中的Token(令牌)与表单提交的Token(令牌)不同。
- 当前用户的Session中不存在Token(令牌)。
- 用户提交的表单数据中没有Token(令牌)。
看具体的范例:
1.创建FormServlet,用于生成Token(令牌)和跳转到form.jsp页面
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class FormServlet extends HttpServlet { 10 private static final long serialVersionUID = -884689940866074733L; 11 12 public void doGet(HttpServletRequest request, HttpServletResponse response) 13 throws ServletException, IOException { 14 15 String token = TokenProccessor.getInstance().makeToken();//创建令牌 16 System.out.println("在FormServlet中生成的token:"+token); 17 request.getSession().setAttribute("token", token); //在服务器使用session保存token(令牌) 18 request.getRequestDispatcher("/form.jsp").forward(request, response);//跳转到form.jsp页面 19 } 20 21 public void doPost(HttpServletRequest request, HttpServletResponse response) 22 throws ServletException, IOException { 23 doGet(request, response); 24 } 25 26 }
2.在form.jsp中使用隐藏域来存储Token(令牌)
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>form表单</title> 6 </head> 7 8 <body> 9 <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" method="post"> 10 <%--使用隐藏域存储生成的token--%> 11 <%-- 12 <input type="hidden" name="token" value="<%=session.getAttribute("token") %>"> 13 --%> 14 <%--使用EL表达式取出存储在session中的token--%> 15 <input type="hidden" name="token" value="${token}"/> 16 用户名:<input type="text" name="username"> 17 <input type="submit" value="提交"> 18 </form> 19 </body> 20 </html>
3.DoFormServlet处理表单提交
1 package xdp.gacl.session; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.http.HttpServlet; 6 import javax.servlet.http.HttpServletRequest; 7 import javax.servlet.http.HttpServletResponse; 8 9 public class DoFormServlet extends HttpServlet { 10 11 public void doGet(HttpServletRequest request, HttpServletResponse response) 12 throws ServletException, IOException { 13 14 boolean b = isRepeatSubmit(request);//判断用户是否是重复提交 15 if(b==true){ 16 System.out.println("请不要重复提交"); 17 return; 18 } 19 request.getSession().removeAttribute("token");//移除session中的token 20 System.out.println("处理用户提交请求!!"); 21 } 22 23 /** 24 * 判断客户端提交上来的令牌和服务器端生成的令牌是否一致 25 * @param request 26 * @return 27 * true 用户重复提交了表单 28 * false 用户没有重复提交表单 29 */ 30 private boolean isRepeatSubmit(HttpServletRequest request) { 31 String client_token = request.getParameter("token"); 32 //1、如果用户提交的表单数据中没有token,则用户是重复提交了表单 33 if(client_token==null){ 34 return true; 35 } 36 //取出存储在Session中的token 37 String server_token = (String) request.getSession().getAttribute("token"); 38 //2、如果当前用户的Session中不存在Token(令牌),则用户是重复提交了表单 39 if(server_token==null){ 40 return true; 41 } 42 //3、存储在Session中的Token(令牌)与表单提交的Token(令牌)不同,则用户是重复提交了表单 43 if(!client_token.equals(server_token)){ 44 return true; 45 } 46 47 return false; 48 } 49 50 public void doPost(HttpServletRequest request, HttpServletResponse response) 51 throws ServletException, IOException { 52 doGet(request, response); 53 } 54 55 }
生成Token的工具类TokenProccessor
1 package xdp.gacl.session; 2 3 import java.security.MessageDigest; 4 import java.security.NoSuchAlgorithmException; 5 import java.util.Random; 6 import sun.misc.BASE64Encoder; 7 8 public class TokenProccessor { 9 10 /* 11 *单例设计模式(保证类的对象在内存中只有一个) 12 *1、把类的构造函数私有 13 *2、自己创建一个类的对象 14 *3、对外提供一个公共的方法,返回类的对象 15 */ 16 private TokenProccessor(){} 17 18 private static final TokenProccessor instance = new TokenProccessor(); 19 20 /** 21 * 返回类的对象 22 * @return 23 */ 24 public static TokenProccessor getInstance(){ 25 return instance; 26 } 27 28 /** 29 * 生成Token 30 * Token:Nv6RRuGEVvmGjB+jimI/gw== 31 * @return 32 */ 33 public String makeToken(){ //checkException 34 // 7346734837483 834u938493493849384 43434384 35 String token = (System.currentTimeMillis() + new Random().nextInt(999999999)) + ""; 36 //数据指纹 128位长 16个字节 md5 37 try { 38 MessageDigest md = MessageDigest.getInstance("md5"); 39 byte md5[] = md.digest(token.getBytes()); 40 //base64编码--任意二进制编码明文字符 adfsdfsdfsf 41 BASE64Encoder encoder = new BASE64Encoder(); 42 return encoder.encode(md5); 43 } catch (NoSuchAlgorithmException e) { 44 throw new RuntimeException(e); 45 } 46 } 47 }
首先访问FormServlet,在FormServlet中生成Token之后再重定向到form.jsp页面,这次是在服务器端处理表单重复提交的,运行效果如下:
从运行效果中可以看到,通过这种方式处理表单重复提交,可以解决上述的场景二和场景三中出现的表单重复提交问题。
评论
#1楼 2014-07-23 21:31 JeffWong
如果web服务器有多台,基于内存中的Session就玩不转了
#2楼 2014-07-23 21:31 半夜乱弹琴
这种token验证更多的使用场景是防止csrf攻击,顺带防止了表单重复提交。
如果服务端请求处理很慢的话,还是会有同步问题导致漏的。所以服务端删除session中的token的时机很重要。
#3楼[楼主] 2014-07-23 21:42 孤傲苍狼
@ JeffWong
额,那如果是如果web服务器有多台,你有更好的方案来处理上述的表单重复提交问题吗!希望能够得到您的指点!
#4楼 2014-07-23 23:16 活在当下O
达哥,确实如此,如果WEB服务器有多个节点时,这种办法是行不通的,前些日子遇到了,当然也可能是我些负载均衡的问题
#5楼 2014-07-23 23:26 活在当下O
达哥,原来在这,你这么有名气,直接搜索,竟然看到你了
#6楼 2014-10-09 11:03 我是诗爷
有个困惑想问下:为什么token要惟一啊,首次提交后都会清理session,后面再次提交时,server_token取到的session都会为null肯定是重复提交.token惟不惟一没有必要吧.
#7楼 2014-12-28 10:09 友人M
@ JeffWong
这貌似就是tomcat下的一个解决方案吧。
#8楼 2014-12-28 10:37 友人M
@ 我是诗爷
博主的意思已经再明白不过了。
首先session是存在服务器端内存中的,session的清理是需要服务器清理(在tomcat或者其他服务器中可以配置)或者你手动清理session.invalidate()。
其次博主的思路是,JSP页面不能让浏览器直接访问,需要经过一个产生令牌的servlet之后跳转过去,也就是当你能访问这个JSP页面的时候,session域中有一个token是,JSP的隐藏域也有一个token两者是对应的。如果你在去开一浏览器,再次能访问到JSP页面的时候,servlet又会产生另外的令牌了,所以在这种一对一的机制下,保证了不能重复提交。(servlet判断完是否重复提交,最好能立马移除token,不然还没有移除的时候,客户端那边儿的请求又来了,就又能匹配了,产生了重复提交)
但这种解决方案的失败点在于:必须访问同样的web服务器节点才可以保证JSP页面提交过来的token和原来服务器生成的token能够匹配。
产生原因是:session是存在于服务器内存中的。
如果有一种机制可以解决多服务器节点的数据共享,存在这样一个域那就可以解决了。
#9楼 2015-01-04 22:36 我是诗爷
@友人M
还有个问题想问下你:如果我第一次访问servlet产生token为1。第二次访问servlet产生token为2.。session名字相同的覆盖前次的,最终token为2是吧?而我第一次访问表单的隐藏域token应该为1吧?此时我就提交第一次的表单,然而他们会因为token不同,而被认定会重复提交。可我们确实是第一次提交啊。
还有就是JSP的隐藏域和token两者是对应的,只要他们相同就行,惟不惟一确实没有什么必要吧。假如产生的token就为1第一次提交时JSP的隐藏域也是1,他们相同清除了session中的token,重复提交时JSP的隐藏域也是1,可session已经清除了token肯定是不相等了,肯定就是重复提交。麻烦解答下,谢谢!
#10楼 2015-01-07 12:58 友人M
@ 我是诗爷
大概明白你得意思了,嗯,你说的问题还是比较有意思的。
同一个浏览器打开多个浏览窗口,确实会出现你说的那个第一次提交就会报错的问题。
(我对这个问题的说法是,我们写程序提供服务给用户,只能说尽量人性化,但是客户如果硬要乱来,即开两个提交表单的窗口玩这一套,那么我能只能拒绝服务,即给他报错,让他按照我们的操作规范来;说一个很简单的例子:天猫商城,我选好了一个商品,直接购买,登陆后到了结算界面,完事儿付款时出了问题,比方说余额不足啊之类的,这时你再点刷新,马上就会提示你参数错误,刚刚直接购买的商品也没有了,呵呵,这就是要你遵照一定的规范操作)
“还有就是JSP的隐藏域和token两者是对应的,只要他们相同就行,惟不惟一确实没有什么必要吧。”
我觉得你说的没错,或者这里的“唯一”和“对应”貌似没有什么冲突。
(JSP隐藏域的值也是由产生token的那个servlet产生的,他俩是对应的;即使你直接访问了JSP页面,即JSP隐藏域里面并没有值,直接提交了去和服务器端的token做比较,他们也是对应的。至于"唯一"是为了保证对的上号,是解决重复提交的一首手段或者技术)
多做做项目,经验才会更多的,当然能像博主这样做总结会更好,只是不是每个人都有时间和精力,总之还是谢谢博主吧。
#11楼 2015-01-26 16:53 tisk
第三种防重复提交,大部分情况下没有问题,偶尔也会出现不能防重复提交的。上面介绍的第三种方法中的token是与session绑定,当在第二次请求时而第一次请求session会话还未结束时,第二次也会判定合法。如果避免这样的情况把token与session进行分离,还必须考虑到三个问题:1:每用户的token独立管理 2:token定时清理问题 3:安全性问题。请问这种情况是怎么处理的。
#12楼 2015-03-25 00:30 Zempty
谢谢分享
#13楼 2015-03-31 00:53 booking
....抄的 ITCAST IT培训 CEO方立勋 在黑马java培训的 Session防止表单重复提交一课中的例子。。。。
#14楼 2015-04-10 14:31 havemydream
对于Token,如果是ajax请求如何解决的?
#15楼 2015-08-15 20:25 Vae永Silence
@ 孤傲苍狼
@JeffWong
问题:
同一个用户打开同一个浏览器进程的多个窗口来并发访问同一个WEB站点的多个FORM表单页面时,将会出现表单无法正常提交的情况。
解决方案:
将FORM表单的标识号作为表单隐藏字段的名称,如下所示:
<input type='hidden' name='4b15c6b2f573831b4b5107d849fcafb8' value=''>
将所有的表单标识号存储进一个Vector集合对象中,并将Vector集合对象存储进Session域中。当表单提交时,先从Session域中取出Vector集合对象,然后再从Vector集合对象中逐一取出每个表单标识号作为参数调用HttpServletRequest.getParameter方法,如果其中有一次调用的返回值不为null,则接受并处理该表单数据,处理完后将该表单标识号从Vector集合对象中删除。
#16楼 2015-08-18 17:20 小卒不过河
mark
#17楼 2015-11-19 14:23 落叶秋思
不错不错,想法挺好的,我想struts的防止表单重复提交,也是类似的做法。
#18楼 2016-02-02 18:14 neOG
@ booking看看是什么时候发文的吧
#19楼 2016-03-05 16:57 moranshouwang
楼主牛逼
#20楼 2016-04-12 17:58 齐博田
牛牛牛~
#21楼 2016-04-15 15:01 晓月天城
主要是楼上说的删除token的时机选择,是个问题
假如点击提交按钮后,先删除token再走后台验证(验证重复)和insert逻辑,那如果验证重复失败,当前页面就不能用了,因为token已经在后台删除了
假如所有验证逻辑和insert逻辑走完了再删除token,那么前台用户如果快速点击两次还是会出现插入两次的问题
#22楼 2016-05-27 02:06 天才小菜鸟
最后一个案例,前提是要先访问FormServlet,如果用户直接访问的是form.jsp,那么验证是不是就是失效了。
#23楼 2016-05-30 09:34 也许还年轻
@ 天才小菜鸟
#24楼 2016-06-18 22:06 叉叉哥
写得非常赞!
#25楼 2016-07-27 19:08 douzhan
晕了,文章写得好,评论更精彩
#26楼 2016-08-09 17:51 17VZ
真没几个代码能跑起来
#27楼 2016-09-02 18:42 向马湾
关注楼主
#28楼 2016-09-27 11:23 活着就上进
感谢楼主,非常谢谢
#29楼 2016-11-07 13:50 轻吻指尖
@ 也许还年轻
没有失效,用户不访问FormServlet,直接访问jsp页面,此时的页面隐藏表单域是没有令牌的,而后台可以针对空令牌进行拦截处理。
#30楼 2016-12-07 23:27 老李头子
@ 天才小菜鸟
不会失败, 因为楼主这样设计的:
在下列情况下,服务器程序将拒绝处理用户提交的表单请求:
存储Session域中的Token(令牌)与表单提交的Token(令牌)不同。
当前用户的Session中不存在Token(令牌)。
用户提交的表单数据中没有Token(令牌)。
你如果直接访问form.jsp
表单数据中没有Token(令牌)
实际上Session中也没有Token(令牌).
只要没令牌,就拒绝请求,尽管两个都没有,看上去是相等.
#31楼 2016-12-07 23:31 老李头子
@ booking
怎么能说是抄的呢?
这是一种机制, 自己理解了,消化了, 用非常清楚明了的方式展现出来,
能叫抄?
很多机制所有人都在使用, 那难道说都是在抄?
#32楼 2017-01-17 18:49 zlsdmx
@ 晓月天城
看8楼的说明才是这个使用场景
#33楼 2017-02-28 16:59 simpleDi
利用session防止表单重复提交中,若遇到场景三,页面再一次执行FormServlet,生产新的token存入session且存储入form.jsp,提交时二者的token依然相等呀?怎样起到防止重复提交的作用?
#34楼 2017-03-22 17:16 禅之心
@ simpleDi
难道你在淘宝只能买一次东西吗
#35楼 2017-05-17 12:02 我等不了你了
我有个想法,希望大佬能解答,用java举个栗子。
1)在java中,执行方法加上加上 线程同步。这个方法不走完,其它线程 不能发起调用。当然这样做的前提是,后台有做数据录入时的 查询验证。
2)在数据库加触发器,insert 这张表时,获取录入的值先检索,没有重复再执行录入。