表单重复提交解决办法

表单重复提交是在多用户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 }

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