zoukankan      html  css  js  c++  java
  • 防止表单重复提交

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

          防止表单重复提交,可以从两方面着手解决。
    一、客户端:通过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中的唯一标识符移除;不相等说明是重复提交,就不再处理。
    下面是相关代码:

    index.jsp:
     
    <%@ 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);
    }
     


    这种方式实际上被称为令牌机制,那个唯一的标识符就是令牌。
    令牌机制不仅可以防止用户重复点击提交按钮带来的表单重复提交,还可以防止用户点击刷新按钮,以及后退后再点提交带来的表单重复提交问题。 
  • 相关阅读:
    Day042---浮动 背景图设置 相对定位绝对定位
    day049--jQuery文档操作示例
    iOS 8 Extensions
    《驾驭Core Data》 第三章 数据建模
    《驾驭Core Data》 第二章 Core Data入门
    《驾驭Core Data》 第一章 Core Data概述
    iOS代码工具箱再续
    PS图层混合模式实例详解
    Core Animation编程指南
    iOS应用开发最佳实践系列一:编写高质量的Objective-C代码
  • 原文地址:https://www.cnblogs.com/caowei/p/2013-12-13_form_submit.html
Copyright © 2011-2022 走看看