防止表单重复提交

防止表单重复提交:

在网络比较慢的情况防止重复提交

前端方式:

​ (1)JavaScript中将提交按钮置为不可用

​ (2)通过onSubmit方法获取表单是否提交的一个标志来判断表单是否提交

后端方式

​ 通过servlet进入jsp页面的时候给页面一个令牌-token,将该令牌存入到session中,并且在页面上获取到token,当页面提交请求时,请求servlet的时候需要携带该token,当jsp携带的token与session中的token一致的时候认为是第一次提交。如果jsp中传过来的token与session中的token不一致时,则认为重复提交。

InServlet
 

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String token = UUID.randomUUID().toString();
        HttpSession session = request.getSession();
        session.setAttribute("token",token);
        request.getRequestDispatcher("/form.jsp").forward(request,response);

    }

 form.jsp

<html>
<head>
    <title>Title</title>
    <script type="text/javascript">
        <%--
        防止表单重复提交的两种方式
        1将按钮在执行第一次提交之后,置为不可用
        2通过function方法获取表单提交的一个方式,来判断表单是否被重复提交

        --%>
         isSubmit = false;//全局变量 isSubmit = false
        function doSubmit() {
            if(isSubmit == false){//如果isSubmit使false,表明表单没有提交
                isSubmit=true;
                return true;
            }
            return false;
        }

    </script>
</head>
<body>
<form action="<%=request.getContextPath()%>/formServlet" onsubmit="doSubmit()">
    <input type="hidden" name="token" value="<%=session.getAttribute("token")%>">
    用户名:<input type="text" name="username" value=""><br><br>
    <input type="submit" value="提交">
</form>
</body>
</html>
formServlet
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    response.setContentType("text/html");
    response.setCharacterEncoding("utf-8");
    PrintWriter out=response.getWriter();
    String  username= request.getParameter("username");

    try {
        Thread.sleep(5000);
    } catch (InterruptedException e) {
        e.printStackTrace();
    }
    String tokenJsp = request.getParameter("token");
    String tokenSession  = (String) request.getSession().getAttribute("token");
    if(tokenJsp.equals(tokenSession) &&tokenSession!=null){
        request.getSession().removeAttribute("token");
    System.out.println("提交数据");
    }else {
        out.print("您的手速过快,请休息下再继续");
    }
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值