• 表单重复提交


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

    有三种场景:1:在网络延迟的情况下让用户有时间点击多次submit导致重复提交

      2:表单提交后点击“刷新”按钮导致重复提交

      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解决2和3:在服务器端解决

      做法:在服务器端生成一个唯一的随机标识号,专业术语:Token(令牌)。同时在当前用户的Session中保存这个Token。然后将Token发送到客户端的Form表单中

    在表单中使用隐藏域来存储这个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");
                    //1、如果用户提交的表单数据中没有token,则用户是重复提交了表单
                    if(client_token==null){
                        return true;
                    }
                    //取出存储在Session中的token
                    String server_token = (String) request.getSession().getAttribute("token");
                 //2、如果当前用户的Session中不存在Token(令牌),则用户是重复提交了表单
                    if(server_token==null){
                         return true;
                    }
                     //3、存储在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);
                     }
                 }
    }

  • 相关阅读:
    网页中添加下划线的方法汇总及优缺点
    git备注
    微信小程序封装年月日时分组件
    微信小程序底部弹窗动画
    微信小程序返回上一页的方法并传参
    微信小程序组件封装
    taro中子父传值
    taro初识一
    reactjs中使用高德地图计算两个经纬度之间的距离
    vue中使用scss
  • 原文地址:https://www.cnblogs.com/bulrush/p/5668721.html
Copyright © 2020-2023  润新知