表单重复提交解决办法
表单重复提交是在多用户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 }
在数据库里添加约束。在数据库里添加唯一约束或创建唯一索引,防止出现重复数据。这是最有效的防止重复提交数据的方法。