关耳er  
防止表单重复提交

一、防止表单重复提交一

　　网络延迟，在网络延迟时间内，频繁的提交表单
　  只能提交一次，监控表单的提交事件，通过一个boolean类型的变量来区分已经点击过还是没有点击，如果已经点击过，表单就不提交，没有点击过再提交

1、目录展示

　　

2、导入依赖

　　

3、form.jsp

<%--
  Created by IntelliJ IDEA.
  User: zheng
  Date: 2020/2/6
  Time: 15:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>解决表单重复提交案例</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //创建一个变量   false代表没有点击过,true代表已经点击过
        var flag=false;
        function formSubmit() {
            if(!flag){      //取反值为false
                flag=true;
                return true;
            }else {
                return false;
            }
        }
    </script>
</head>
<body>
    <form action="FormServlet" method="post">
        内容：<input type="text" name="username"/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

4、FormServlet

package com.b;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/FormServlet")
public class FormServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //接收数据
        String username = request.getParameter("username");
        System.out.println("接收的数据："+username);

        try {
            //模拟网络延迟
            Thread.sleep(300);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //返回数据
        response.getWriter().write("success");
    }
}

5、效果展示（只允许一次提交）

　　

 

　　

　　

二、重新加载或者后退页面

　　思路如下：在访问登录页面的时候，创建一个 Token令牌（当作一个标识） ，保存到session当中，然后在表单提交的时候将令牌一起提交
　  后台Servlet去判断session当中的令牌和表单提交的令牌是否相等，如果相等代表正常提交（session清空），如果不相等，代表非正常提交

1、目录展示

　　

2、导入依赖

　　

3、TokenForm.jsp

<%--
  Created by IntelliJ IDEA.
  User: zheng
  Date: 2020/2/6
  Time: 15:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>解决表单重复提交案例</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //创建一个变量   false代表没有点击过,true代表已经点击过
        var flag=false;
        function formSubmit() {
            if(!flag){      //取反值为false
                flag=true;
                return true;
            }else {
                return false;
            }
        }
        $(function () {
            //生成令牌
            $.ajax({
                url:"TokenServlet",
                type:"POST",
                success:function (token) {
                    $("#hiddenToken").val(token);
                    alert(token)
                }
            })
        })
    </script>
</head>
<body>
    <form action="FormServlet" method="post">
        内容：<input type="text" name="username"/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

4、TokenServlet

package com.b;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.UUID;

@WebServlet("/TokenServlet")
public class TokenServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //生成令牌
        String token = UUID.randomUUID().toString();
        //令牌保存到session当中
        request.getSession().setAttribute("sessionToken",token);
        //响应
        response.getWriter().write(token);
    }
}

5、TokenFormServlet

package com.b;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/TokenFormServlet")
public class TokenFormServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request,response);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //验证令牌
        //获取页面提交的隐藏域数据
        String formToken = request.getParameter("formToken");
        //获取Session中的token
        Object sessionToken = request.getSession().getAttribute("sessionToken");
        //如果页面获取的喝session中不一样，代表已经提交过了，不能重复提交
        if (!formToken.equals(sessionToken)){
            System.out.println(sessionToken);
            response.getWriter().write("不能重复提交!");
            return;
        }


        //接收数据
        String username = request.getParameter("username");
        System.out.println("接收的数据："+username);

        try {
            //模拟网络延迟
            Thread.sleep(300);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //返回数据
        response.getWriter().write("success");
    }
}

6、效果展示

　　

 

 　　

 

 　　

 

posted on 2020-02-06 16:26  关耳er  阅读(172)  评论(0)  编辑  收藏  举报
 
Copyright © 2024 关耳er
Powered by .NET 9.0 on Kubernetes
博客园