Java中避免表单重复提交

Posted 2020-08-23

表单的重复提交: 没有完整的进行一次,先请求表单页面->再提交表单过程而完成数据提交

造成的根本原因: 没有完整的进行一次,先请求表单页面->再提交表单过程.

造成重复提交的现象：

1. 由于服务器缓慢或网络延迟的原因,重复点击提交按钮.
2. 已经提交成功,刷新成功页面(forward)(请求转发).
3. 已经提交成功,通过回退,再次点击提交按钮

• 注意:回退后,刷新表单页面,重新再提交,这时,不是重复提交,而是发送新的请求,在Firefox下,重复提交到同一个地址的操作无效.

案例:

 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 }

这样就好了,使用者只需要调用这个工具类就好了,不需要再去写创建令牌等一系列操作