表单重复提交解决办法

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如:

  • 点击提交按钮两次。
  • 点击刷新按钮。
  • 使用浏览器后退按钮重复之前的操作,导致重复提交表单。
  • 使用浏览器历史记录重复提交表单。
  • 浏览器重复的HTTP请求。

几种防止表单重复提交的方法

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

我之前的文章曾说过用一些Jquery插件效果不错。

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

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

在session中存放一个特殊标志。当表单页面被请求时,生成一个特殊的字符标志串,存在session中,同时放在表单的隐藏域里。接受处理表单数据时,检查标识字串是否存在,并立即从session中删除它,然后正常处理数据。

如果发现表单提交里没有有效的标志串,这说明表单已经被提交过了,忽略这次提交。

这使你的web应用有了更高级的XSRF保护,这就是所谓的令牌机制:

案例:

复制代码
 1 @WebServlet("/trans")
 2 public class TransferServlet extends HttpServlet{
 3     private static final long serialVersionUID = 1L;
 4     
 5     protected void service(HttpServletRequest req, HttpServletResponse resp)
 6             throws ServletException, IOException {
 7         req.setCharacterEncoding("UTF-8");
 8         resp.setContentType("text/html;charset=UTF-8");
 9         PrintWriter out = resp.getWriter();
10         String money = req.getParameter("money");
11         //通过睡眠,模拟网络延迟
12         try {
13             Thread.sleep(3000);
14         } catch (InterruptedException e) {
15             e.printStackTrace();
16         }
17         System.out.println("转出金额:"+money);
18         out.print("转出金额:"+money);    
19     }
20 }
复制代码

在狂点之下,会发现,jsp页面不会有变化,但是通过后台的打印输出可以看到,会不停地输出,说明一直在执行

解决方法:

保证提交保证之前,就必须先请求表单界面,原理和验证码一样.----令牌机制

在第一次请求的时候,请求到表单界面时,创建一个令牌,当点击转账,发送请求的时候,带上这个令牌,发送到下一个界面,在servlet中对这个令牌进行验证,这个令牌在session中一份,在表单中一份,相等说明表单正确,并且把这个session中的令牌销毁掉.

在jsp页面中的代码

复制代码
 1      <%
 2             //创建令牌
 3             String token = java.util.UUID.randomUUID().toString();
 4             //存在session中一份,以后做判断
 5             session.setAttribute("TOKEN_IN_SESSION", token);
 6         %>
 7         
 8         <h3>转账界面</h3>
 9         <form action="/trans" method="post">
10             <input type="hidden" name="token" value="<%=token%>"/>
11             转账金额:<input type="text" name="money" min="1" required /><br/>
12             <input type="submit" value="转账" />
13         </form>
复制代码

在TransferServlet中的代码

复制代码
 1 @WebServlet("/trans")
 2 public class TransferServlet extends HttpServlet{
 3     private static final long serialVersionUID = 1L;
 4     
 5     protected void service(HttpServletRequest req, HttpServletResponse resp)
 6             throws ServletException, IOException {
 7         req.setCharacterEncoding("UTF-8");
 8         resp.setContentType("text/html;charset=UTF-8");
 9         PrintWriter out = resp.getWriter();
10         //获取表单中的token值
11         String token = req.getParameter("token");
12         //获取session中的token值
13         String sessionToken = (String) req.getSession().getAttribute("TOKEN_IN_SESSION");
14         //session中的token容易为空,因为session中的token是需要被销毁的
15         
16         if (token.equals(sessionToken)) {
17             //说明令牌相同
18             req.getSession().removeAttribute("TOKEN_IN_SESSION");
19             String money = req.getParameter("money");
20             System.out.println("转出金额:"+money);
21             out.print("转出金额:"+money);
22             //最后销毁session中的令牌
23         }
24         //如果令牌不同说明就是重复提交,不能提交
25     }
26 }

复制代码

 然后呢,为了不想在jsp文件中出现Java代码,把令牌的创建并跳转放在另一个servlet中

复制代码
 1 @WebServlet("/transfer")
 2 public class CopyOfTransferServlet extends HttpServlet{
 3     private static final long serialVersionUID = 1L;
 4     
 5     protected void service(HttpServletRequest req, HttpServletResponse resp)
 6             throws ServletException, IOException {
 7         //创建令牌,并跳转到submit.jsp
 8         String token = UUID.randomUUID().toString();
 9         System.out.println(token);
10         req.getSession().setAttribute("TOKEN_IN_SESSION", token);
11         req.setAttribute("token", token);
12         req.getRequestDispatcher("/views/repeatsubmit/submit.jsp").forward(req, resp);
13         
14     }
15 }
复制代码

此时jsp文件中就是这个样子

复制代码
1      <h3>转账界面</h3>
2         <form action="/trans" method="post">
3             <input type="hidden" name="token" value="${token }"/>
4             转账金额:<input type="text" name="money" min="1" required /><br/>
5             <input type="submit" value="转账" />
6         </form>
复制代码

比上面的干净了很多,更加整齐,但是还是感觉不好,因为如果在其他地方需要用到,还需要在创建令牌,校验令牌,删除令牌,因此就抽取出来做一个工具类

复制代码
   TokenUtil.java
1 //令牌的工具类 2 //创建令牌 3 //校验令牌 4 //销毁令牌 5 public class TokenUtil { 6 private final static String TOKEN_IN_SESSION = "TOKEN_IN_SESSION"; 7 public static void savaToken(HttpServletRequest req) { 8 String token = UUID.randomUUID().toString(); 9 System.out.println(token); 10 req.getSession().setAttribute(TOKEN_IN_SESSION, token); 11 req.setAttribute("token", token); 12 } 13 14 public static boolean validateToken(HttpServletRequest req, 15 String tokenInrequest) { 16 //获取session中的token值 17 String sessionToken = (String) req.getSession().getAttribute( 18 TOKEN_IN_SESSION); 19 if (tokenInrequest.equals(sessionToken)) { 20 req.getSession().removeAttribute(TOKEN_IN_SESSION); 21 return true; 22 } 23 return false; 24 } 25 }

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

原文地址:https://www.cnblogs.com/jianwei-dai/p/5726753.html