表单重复提交

时间 2019-12-11

标签表单重复提交栏目 HTML 繁體版

原文原文链接

一：使用JavaScript来防止表单重复提交javascript

有三种场景：1：在网络延迟的状况下让用户有时间点击屡次submit致使重复提交html

　　2：表单提交后点击“刷新”按钮致使重复提交java

　　3：提交后，点击浏览器的后退而后再次提交设计模式

　　<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
    <title>Form表单</title>
        <script type="text/javascript">
        var isCommitted = false;//表单是否已经提交标识，默认为false
        function dosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后，将表单是否已经提交标识设置为true
                return true;//返回true让表单正常提交
            }else{
                return false;//返回false那么表单将不提交
            }
        }
    </script>
</head>

<body>
      <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post">
        用户名：<input type="text" name="username">
        <input type="submit" value="提交" id="submit">
    </form>
</body>
</html>浏览器

另外一种方式：将提交按钮设置为不可用。服务器

　　function dosubmit(){
    //获取表单提交按钮
    var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用，这样就能够避免用户再次点击提交按钮
    btnSubmit.disabled= "disabled";
    //返回true让表单能够正常提交
    return true;
}网络

js只能解决问题1，可是2,3解决不了。session

利用session解决2和3：在服务器端解决dom

　　作法：在服务器端生成一个惟一的随机标识号，专业术语：Token（令牌）。同时在当前用户的Session中保存这个Token。而后将Token发送到客户端的Form表单中jsp

在表单中使用隐藏域来存储这个Token。表单提交的时候连同这个Token一块儿提交到服务器端。而后在服务器端判断客户端提交上来的Token与服务器生成的是否同样。不同就是重复提交了，此时服务器就不能够处理重复提交的表单。处理完后清除当前用户的Session中存储的标识号。

　　在下列状况中，服务器程序将拒绝处理

　　1：存储session中的Token与表单提交的Token不一样。

　　2：当前用户的session中不存在token

　　3：用户提交的表单数据中没有Token

form.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
   <title>Form表单</title>

</head>

<body>
    <form action="${pageContext.request.contextPath }/demo02" method="post">
    <%--使用EL表达式取出存储在session中的token--%>
       <input type="hidden" name="token" value="${token}"/>
       用户名：<input type="text" name="username">
           <input type="submit" value="提交">
    </form>
</body>
</html>
业务处理

protected void doPost(HttpServletRequest request, HttpServletResponse response)
       throws ServletException, IOException {
   boolean b = isRepeatSubmit(request);//判断用户是不是重复提交
              if(b==true){
                   System.out.println("请不要重复提交");
                     return;
                }
                 request.getSession().removeAttribute("token");//移除session中的token
                System.out.println("处理用户提交请求！！");
           }

             /**
              * 判断客户端提交上来的令牌和服务器端生成的令牌是否一致
             * @param request
             * @return
            *         true 用户重复提交了表单
             *         false 用户没有重复提交表单
             */
           private boolean isRepeatSubmit(HttpServletRequest request) {
                String client_token = request.getParameter("token");
                //一、若是用户提交的表单数据中没有token，则用户是重复提交了表单
                if(client_token==null){
                    return true;
                }
                //取出存储在Session中的token
                String server_token = (String) request.getSession().getAttribute("token");
             //二、若是当前用户的Session中不存在Token(令牌)，则用户是重复提交了表单
                if(server_token==null){
                     return true;
                }
                 //三、存储在Session中的Token(令牌)与表单提交的Token(令牌)不一样，则用户是重复提交了表单
                if(!client_token.equals(server_token)){
                     return true;
                }

                return false;
             }

服务器端保存：

protected void doGet(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       String token=TokenProccessor.getInstance().makeToken();
       System.out.println("在FormServlet中生成的token："+token);
       request.getSession().setAttribute("token", token);//在服务器端保存
       request.getRequestDispatcher("/form.jsp").forward(request, response);
   }

生成token的工具类：

/* * 生成Token的工具类 */public class TokenProccessor { /* * 单例设计模式（保证类的对象在内存中只有一个） * 1：把类的构造函数私有 * 2：本身建立一个类的对象 * 3：对外提供一个公共的方法，返回类的对象 */ private TokenProccessor(){} private static final TokenProccessor instance = new TokenProccessor(); public static TokenProccessor getInstance(){ return instance; } public String makeToken(){ //checkException // 7346734837483 834u938493493849384 43434384 String token = (System.currentTimeMillis() + new Random().nextInt(999999999)) + ""; //数据指纹 128位长 16个字节 md5 try { MessageDigest md = MessageDigest.getInstance("md5"); byte md5[] = md.digest(token.getBytes()); //base64编码--任意二进制编码明文字符 adfsdfsdfsf BASE64Encoder encoder = new BASE64Encoder(); return encoder.encode(md5); } catch (NoSuchAlgorithmException e) { throw new RuntimeException(e); } }}