防止表单重复提交

防止表单重复提交

Javascript解决方法

  • 方法一:
<script type="text/javascript">var isCommitted = false;//表单是否已经提交标识,默认为falsefunctiondosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后,将表单是否已经提交标识设置为truereturn true;//返回true让表单正常提交
            }else{
                return false;//返回false那么表单将不提交
            }
        }
 </script>
  • 方法二:将按钮置为不可用
functiondosubmit(){
    //获取表单提交按钮var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
    btnSubmit.disabled= "disabled";
    //返回true让表单可以正常提交return true;
}

利用session反正表单重复提交

  • 利用session防止表单重复提交

具体的做法:

在服务器端生成一个唯一的随机标识号,专业术语称为Token(令牌),同时在当前用户的Session域中保存这个Token。然后将Token发送到客户端的Form表单中,在Form表单中使用隐藏域来存储这个Token,表单提交的时候连同这个Token一起提交到服务器端,然后在服务器端判断客户端提交上来的Token与服务器端生成的Token是否一致,如果不一致,那就是重复提交了,此时服务器端就可以不处理重复提交的表单。如果相同则处理表单提交,处理完后清除当前用户的Session域中存储的标识号。

在下列情况下,服务器程序将拒绝处理用户提交的表单请求:

  1. 存储Session域中的Token(令牌)与表单提交的Token(令牌)不同。
  2. 当前用户的Session中不存在Token(令牌)。
  3. 用户提交的表单数据中没有Token(令牌)。

实例

创建FormServlet,用于生成Token(令牌)和跳转到form.jsp页面

protectedvoid doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String token = TokenProccessor.getInstance().makeToken();//创建令牌16 
        System.out.println("在FormServlet中生成的token:"+token);
        request.getSession().setAttribute("token", token);  //在服务器使用session保存token(令牌)18 
        request.getRequestDispatcher("/form.jsp").forward(request, response);//跳转到form.jsp页面19

}

在form.jsp中使用隐藏域来存储Token(令牌)

<%@ pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>form表单</title></head><body><form action="${pageContext.request.contextPath}/servlet/DoFormServlet"method="post"><%--使用隐藏域存储生成的token--%><%-- <inputtype="hidden"name="token"value="<%=session.getAttribute("token") %>">
        --%>
        <%--使用EL表达式取出存储在session中的token--%><input type="hidden"name="token"value="${token}"/> 
        用户名:<input type="text"name="username"><input type="submit"value="提交"></form></body></html>

DoFormServlet处理表单提交

publicvoid doGet(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 用户没有重复提交表单 */privateboolean isRepeatSubmit(HttpServletRequest request) {
            String client_token = request.getParameter("token");
            //1、如果用户提交的表单数据中没有token,则用户是重复提交了表单if(client_token==null){
                returntrue;
            }
            //取出存储在Session中的tokenString server_token = (String) request.getSession().getAttribute("token");
            //2、如果当前用户的Session中不存在Token(令牌),则用户是重复提交了表单if(server_token==null){
                returntrue;
            }
            //3、存储在Session中的Token(令牌)与表单提交的Token(令牌)不同,则用户是重复提交了表单if(!client_token.equals(server_token)){
                returntrue;
            }
            
            returnfalse;
        }

生成Token的工具类TokenProccessor

publicclassTokenProccessor {

    /* *单例设计模式(保证类的对象在内存中只有一个) *1、把类的构造函数私有 *2、自己创建一个类的对象 *3、对外提供一个公共的方法,返回类的对象 */privateTokenProccessor(){}
    
    privatestaticfinal TokenProccessor instance = new TokenProccessor();
    
    /** * 返回类的对象 * @return */publicstatic TokenProccessor getInstance(){
        return instance;
    }
    
    /** * 生成Token * Token:Nv6RRuGEVvmGjB+jimI/gw== * @return */public String makeToken(){  //checkException// 7346734837483 834u938493493849384 43434384
        String token = (System.currentTimeMillis() + new Random().nextInt(999999999)) + "";
        //数据指纹 128位长 16个字节 md5try {
            MessageDigest md = MessageDigest.getInstance("md5");
            byte md5[] =  md.digest(token.getBytes());
            //base64编码--任意二进制编码明文字符 adfsdfsdfsf
            BASE64Encoder encoder = new BASE64Encoder();
            return encoder.encode(md5);
        } catch (NoSuchAlgorithmException e) {
            thrownew RuntimeException(e);
        }
    }
}

你可能感兴趣的:(JavaScript,表单,重复提交,防止表单重复提交)