java ee表单重复提交,javaee 04 表单重复提交

@WebServlet("/login")

public class LoginServlet extends HttpServlet{

private static final long serialVersionUID = 1L;

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println("LoginServlet.doGet()");

req.getRequestDispatcher("/WEB-INF/views/Login.jsp").forward(req, resp);

}

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

System.out.println("LoginServlet.doPost()");

req.setCharacterEncoding("UTF-8");

resp.setContentType("text/html;charset=utf-8");

String username = req.getParameter("usernmae");

System.out.println("向数据库中插入数据 -->" + username);

}

}

pageEncoding="UTF-8"%>

Insert title here

用户名:

当在页面中点击提交之后

image.png

image.png

情况1 此时按下F5

image.png

image.png

会重复去数据库中插入数据,这肯定不行

情况2

image.png

较为常用的解决方案

使用JavaScript 来解决这种问题

提交后禁用按钮

image.png

$(function(){

//点击按钮之后,只让提交一次

$("#subBtn").click(function(){

$("#addForm").submit();

//提交之后将按钮禁用,随便点,反正也提交不上去

$("#subBtn").attr("disabled",true);

});

});

通过标识符,让按钮只能点击一次

$(function() {

//标识符

var status = false;

$("#subBtn").click(function() {

if (status == false) {

$("#addForm").submit();

//更改标识符,这样点了之后因为标识符不等于false,将不会提交表单

status = true;

}

});

});

使用session 来解决这个问题

1.jpg