@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