防止表单重复提交

最新推荐文章于 2024-09-01 07:00:00 发布

会飞的小祥

最新推荐文章于 2024-09-01 07:00:00 发布

阅读量306

点赞数

分类专栏： form表单文章标签： form表单

本文链接：https://blog.csdn.net/qq_27289001/article/details/52514076

版权

form表单专栏收录该内容

2 篇文章 0 订阅

订阅专栏

有时候由于网络原因会造成页面加载缓慢，导致用户频繁点击提交按钮，或者用户手动点击页面的刷新按钮，都会造成表单数据的重复提交，无形中增加了服务器的压力，并且有时候可能会造成无法挽回的损失。比如用户在购物网站选中一款商品，因为页面反应延迟，导致用户多点击了添加按钮，而结算时用户没有注意，就会造成用户多买了同一件商品。

防止表单重复提交，可以从两方面着手解决。

一、客户端：通过JavaScript来阻止

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"]] >
<html]] >
<head]] >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"]] >
<title]] > Insert title here</title]] >
<script type="text/javascript"]] >
var isCommited = false;
function checkPost(){
if(!isCommited){
isCommited = true;
return true;
}else{
var div = document.getElementById("message");
div.innerHTML = "请不要重复提交！";
return false;
}
}
</script]] >
</head]] >
<body]] >
<form action="/day02/Servlet2" method="post" onsubmit="return checkPost()"]] >
  姓名：<input type="text" name="name"]] >
  性别：<input type="text" name="sex"]] >
  <input type="submit" value="提交"]] >
  <div id="message"></div]] >
</form]] >
</body]] >
</html]] >

这种方式只能阻止用户重复点击提交按钮的提交，如果用户点击刷新按钮，或者点击后退按钮后再点提交，还会造成表单的重复提交。

二、服务器：利用session来阻止

具体思路：在服务器端，生成一个唯一的标识符，将它存入session，同时将它写入表单的隐藏字段中，然后将表单页面发给浏览器，用户录入信息后点击提交，在服务器端，获取表单中隐藏字段的值，与session中的唯一标识符比较，相等说明是首次提交，就处理本次请求，然后将session中的唯一标识符移除；不相等说明是重复提交，就不再处理。

下面是相关代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="java.util.UUID" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"]] >
<html]] >
<head]] >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"]] >
<title]] > Insert title here</title]] >
</head]] >
<body]] >
<%
String token = UUID.randomUUID().toString().replaceAll("-","");
    session.setAttribute("token",token);
%>
<form action="/day02/TokenServlet" method="post"]] >
姓名：<input type="text" name="name"]] >
性别：<input type="text" name="sex"]] >
<input type="submit" name="提交"]] >
<input type="hidden" name="formtoken" value="<%=token%>"]] >
</form]] >
</body]] >
</html]] >

TokenServlet.java：

package com.mac.servlet;
 
import java.io.IOException;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
 
public class TokenServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
 
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
String formtoken = request.getParameter("formtoken");
HttpSession session = request.getSession();
String token = (String)session.getAttribute("token");
if(formtoken.equals(token)){
String name = request.getParameter("name");
String sex = request.getParameter("sex");
response.getWriter().println("姓名："+name+"；性别："+sex);
session.removeAttribute("token");
}else{
response.getWriter().println("请不要重复提交！");
}
}
 
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
 
}