1. 程式人生 > >頁面防重複提交方法總結

頁面防重複提交方法總結

有時候我們的程式執行比較慢,而且我們頁面也不怎麼友好,沒什麼提示資訊。操作人員以為沒有點選提交按鈕,就會再一次點選提交。這會導致很多問題出現。下面介紹三種防重複提交的方法。

1、提交按鈕置disabled

      當用戶提交後,立即把按鈕置為不可用狀態。這種用js來實現。

         提交前

        $("#submit").attr('disabled','true');
         $("#submit").val("正在提交,請稍等");

       ....................................................................................

    執行後,把按鈕置為原來狀態

      $('#submit ').removeAttr('disabled');
      $("#submit ").val("確定提交");

2、過期時間法

    思路:當用戶提交按鈕後生成一個token(每次業務提交token 為唯一值)存入session,並設定過期時間。當用戶再此提交時,檢測token是否一致且是否過期,若一致且沒有過期,則認為提交了二次。當程式執行出錯的時候,則需要清除存入session的值。見下面程式

function checkRepeatSubmit($uniqueid = '', $expire = 30) {

        $uniqueid = empty($uniqueid) ? Yii::app()->user->id . Yii::app()->user->name . Yii::app()->user->mihome : $uniqueid;
        $token = md5("wms_check_repeat" . $uniqueid);

        $time = time();

        if (isset($_SESSION['token']) && !empty($_SESSION['token']) && $_SESSION['token'] == $token && ($time - $_SESSION['expire_time'] < $expire)) {

            return false;
        } else {

            $_SESSION['token'] = $token;
            $_SESSION['expire_time'] = $time;
            //session寫入的時候會等待整個頁面載入完成,用此函式可以立即寫入
            session_write_close();
            return true;
        }
    }

 //刪除存入的值

   function cancelRepeatSubmit() {

        unset($_SESSION['token']);
        unset($_SESSION['expire_time']);
    }

3、token銷燬法

思路:當頁面進行加裝的時候生成token,存在session中,並寫在表單裡。表單提交的時候隨表單提交給服務端,服務端通過session存入的token與token進行比較,若相等,則銷燬seesion中存入的token,當頁面遭到二次提交的時候,由於存入session中的token不存在而報錯。下面是程式碼

 /**
     * 第二種方案
     * 1、產生token,並存在session中
     * 2、隨頁面生成
     * 3、提交頁面與session進行比對,成功後對session進行銷燬
     * 4、第二次提交則不存在這個值而報錯
     * @param type $uniqueid
     * @return type
     */
    function createToken($uniqueid) {

        $uniqueid = empty($uniqueid) ? Yii::app()->user->id . Yii::app()->user->name . Yii::app()->user->mihome : $uniqueid;
        $token = md5("wms_check2_repeat" . $uniqueid);
        $_SESSION['form_token'] = $token;

       ​session_write_close();

        return $token;
    }

    function checkToken($token) {

        if (!isset($_SESSION['form_token']) || empty($_SESSION['form_token']) || $_SESSION['form_token'] != $token) {
            return false;
        } else {
            unset($_SESSION['form_token']);
            return true;
        }
    }

上面總結了三種方法,個人感覺第一種跟第二種方法配合著用會達到更好的效果。第二種方法與第三種方法個人感覺第三種要有優勢點。

第二種與第三種方法都是把token寫在session中,這種方法好處是節省儲存空間,但壞處是由於session是需要整個頁面載入完畢才能寫入,故當整個頁面載入比較慢,且使用者點選多次提交,可能由於session還沒寫入導致系統還認為是第一次輸入。導致驗證不起作用。好在php函式提供了一個牛逼的函式。   session_write_close(),可以立即把session寫入,不用等待頁面載入完成。同事對於session的存入也有很多種方法可以選擇,可以存在redis,memcache或者資料庫都可以的。

相關推薦

頁面重複提交方法總結

有時候我們的程式執行比較慢,而且我們頁面也不怎麼友好,沒什麼提示資訊。操作人員以為沒有點選提交按鈕,就會再一次點選提交。這會導致很多問題出現。下面介紹三種防重複提交的方法。 1、提交按鈕置disabled       當用戶提交後,立即把按鈕置為不可用狀態。這種用js來實現

AJAX重複提交的辦法總結

參考文章AJAX防重複提交的辦法總結 導讀: 最近的維護公司的一個代理商平臺的時候,客服人員一直反映說的統計資訊的時候有重複資料,平臺一直都很正常,這個功能是最近新進的一個實習生同事寫的功能,然後就排查問題人所在,發現新的這個模組的AJAX提交資料的時候沒有設定防重複提交限制,所以今天

React Native 重複提交實現方法

import React, {Component} from 'react'; import {TouchableOpacity} from 'react-native'; {/**按鈕防重複提交元件*/} export default class Touch extend

表單防止頁面重複提交方法

使用者在操作表單資料時往往會出現表單資料重複提交的問題,尤其實在Web開發中此類問題比較常見。重新整理頁面,後退操作以前的頁面,單機多次按鈕都會導致資料重複提交。此類問題是因為瀏覽器重複提交HTTP請求導致。    下面簡單介紹以防止表單資料重複提交的四種解決方案。 一、在

JS刷新當前頁面的幾種方法總結

onu navigate mman reload 存在 .exe time 通過 復制代碼 reload 方法,該方法強迫瀏覽器刷新當前頁面。語法:location.reload([bForceGet])

asp.net刷新本頁面的六種方法總結

request http html button add resp sel asp.net doc 第一: private void Button1_Click( object sender, System.EventArgs e ) { Response.Re

SpringMVC後臺token重複提交解決方案

本文介紹如何使用token來防止前端重複提交的問題。 目錄 1.思路 2.攔截器原始碼實現 3.註解原始碼 4.攔截器的配置 5.使用指南 6.結語 思路 1.新增攔截器,攔截需要防重複提交的請求 2.通過註解@Token來新增token/移除token 3

SpringBoot之HandlerInterceptor攔截器的使用 ——(四)分散式叢集重複提交

看本篇部落格前應當先看完前面三篇,這一篇是基於前面三篇的知識點的整合。所以很多重複的程式碼這裡就不寫出了 後臺通過攔截器和redis實現防重複提交,避免因為網路原因導致多次請求同時進入業務系統,導致資料錯亂,也可以防止對外暴露給第三方的介面在業務尚未處理完的情況下重複呼叫。

重複提交(前端)

轉載:https://www.cnblogs.com/vipstone/p/8400168.html   應用情景 經典使用情景:js的一些事件,比如:onresize、scroll、mousemove、mousehover等; 還比如:手抖、手誤、伺服器沒有

自定義JSP重複提交標籤

package com.hhwy.tag; import javax.servlet.jsp.JspException; import javax.servlet.jsp.JspWriter; import javax.servlet.jsp.tagext.TagSupport; imp

java防止頁面重新整理重複提交

轉自:https://blog.csdn.net/JasonSSH/article/details/7528539 看了網上的,有幾種方法:  1 在你的表單頁裡HEAD區加入這段程式碼:  <META HTTP-EQUIV="pragma" CONTENT="no-c

ASP.NET 動態轉靜態頁面的兩種方法總結

1、建立MyConvert.cs類檔案 using System; //記得新增以下三引用 using System.Text; using System.Web; using System.IO; namespace

記錄 一次 JS重複提交 實現

1. 起因 線上資料庫重複資料 2、解決思路 a.給按鈕新增onclick事件 b. 當事件觸發時 先移除onclick 屬性 執行引數校驗及傳送請求 c. 恢復onclick事件  因為如果引數校驗失敗直接return 將不能提交 3. 方法 1. disab

Servlet跳轉頁面的幾種方法總結

servlet跳轉頁面的方法: 跳轉分為兩部分,一部分發生在servlet,另一部分發生在JSP,JSP就是servlet,但是兩者還是有部分差異。 Servlet:(跳轉發生在doGet,doPost等方法裡) (1)redirect方式

表單提交加遮罩層重複提交

遮罩層: 增加css樣式: .loadingWrap{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background-

表單提交加遮罩層和重複提交

遮罩層:css里加.loadingWrap{ position:fixed; top:0; left:0; width:100%; height:100%;

PHP防止表單重複提交方法

下面的情況就會導致表單重複提交:       點選提交按鈕兩次。       點選重新整理按鈕。       使用瀏覽器後退按鈕重複之前的操作,導致重複提交表單。       使用瀏覽器歷史記錄重複提交表單。       瀏覽器重複的HTTP請求。      

jquery表單重複提交

網站中防止表單重複提交是一個比較普遍的需求,解決辦法很多種 有利用session和cookie即生成個一次性token放在表單隱藏域防重複提交 有利用js設定變數鎖定 這裡以設定表單失效來實現 &l

php中頁面之間傳遞變數方法總結

在實際的網站開發當中,我們經常會遇到在一個頁面定義的變數,在另外一個頁面也要使用,這就需要我們在頁面之間傳遞變數.下面介紹一些常用的方法: 一、用form表單中的hidden隱藏域。這種方法就是把待傳遞的變數用表單的方式再次傳送,比如在使用者登陸後,

spring boot 攔截器實現重複提交

public class WeiguUrlInterceptor implements HandlerInterceptor {              public WeiguUrlInterceptor(){       }public boolean preHand