thinkphp防止重複提交表單的技巧

在開發中,如果一個新增或修改的表單,在後臺完成數據庫操作後我們設定的不是跳轉到其他頁面,還是返回本頁面,這時點擊瀏覽器的後退再提交或刷新頁面,會導致form表單重複提交,即這條記錄會被增加或修改兩次。

導致表單重複提交的原因是:第一次提交的表單會被緩存到內存中,直到頁面下次提交或頁面關閉或轉向其他頁面時才消失。在自調用返回時,內存中的數據依然在,這時頁面中的判斷提交的代碼依然可以檢測到提交的值,顧會產生重複提交的效果。

可以用以下幾個辦法解決:

方法1:最簡單:頁面提交後轉到另一個頁面而不是本頁面,舉個栗子,比如你的頁面地址爲

http://yourdomain.com/User/Index/login

則該頁面的表單action地址可以爲另外的處理地址,如

<form action="{:U('User/Index/check_login')}" method="post">

這樣報錯返回,或者用戶點擊回退按鈕,還是會回到上一個地址,不過這種情況也不保險。還要搭配方法2,一起比較保險

方法2:提交表單後提交按鈕變灰/隱藏提交按鈕

這種方式一般是結合方法1來做的,通過JS來動態監聽用戶的點擊動作,動態將按鈕屬性置成disabeld,即爲灰色不可用。代碼如下:

HTML:

<form action="{:U('User/Index/check_login')}" method="post">

   <input type="text" name="username" value="" id="username" />

   <input type="password" name="userpwd" id="userpwd" />

   <input type="submit" name="login_btn" id="login_btn" value="登陸"/>

</form>

JS:

$().ready(function(){

     $("#login_btn").on('click',function(){

            $(this).attr('disabled',true);

      });

});

方法1+方法2 結合後,基本上90%以上的重複提交問題都能解決,但是大劉這裏還是要說下第三種方法,即在服務端一勞永逸的解決這個問題

方法3:使用隱藏隨機TOKEN值的方法進行重複提交判斷

首先,在項目的functions.php中添加如下方法

//創建TOKEN

function createToken() {

   $code = chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE)) .chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE)) . chr(mt_rand(0xB0, 0xF7)) . chr(mt_rand(0xA1, 0xFE));

   session('TOKEN', authcode($code));

}

//判斷TOKEN

function checkToken($token) {

    if ($token == session('TOKEN')) {

       session('TOKEN', NULL);

       return TRUE;

    } else {

      return FALSE;

    }

}

/* 加密TOKEN */

function authcode($str) {

    $key = "YOURKEY";

    $str = substr(md5($str), 8, 10);

    return md5($key . $str);

}

在表單頁面form中填入以下HTML代碼

HTML:

<input type="hidden" name="TOKEN" value="{:session('TOKEN')}" />

在頁面展示前調用creatToken()方法生成token,在相應控制器POST請求中 使用 checkToken() 進行判斷是否重複提交

if(IS_POST)

{

$post_token = I('post.TOKEN');

  if(!checkToken($post_token)){

      $this->error('請不要重複提交頁面',U('User/Index/login'));

  }

}

基本上,這3個方法配合着使用,就能解決ThinkPHP開發中表單重複提交問題,當然,有同學說可以使用ThinkPHP的令牌環機制,這樣其實就更簡單了,TP會默認在表單中生成一個隱藏域,到時候判斷這個隱藏域是否存在以及和session中的值是否想的即可,原理和方法3是一樣的。

更多學習內容請訪問:

騰訊T3-T4標準精品PHP架構師教程目錄大全,只要你看完保證薪資上升一個臺階(持續更新)

以上內容希望幫助到大家,很多PHPer在進階的時候總會遇到一些問題和瓶頸,業務代碼寫多了沒有方向感,不知道該從那裏入手去提升,對此我整理了一些資料,包括但不限於:分佈式架構、高可擴展、高性能、高併發、服務器性能調優、TP6,laravel,YII2,Redis,Swoole、Swoft、Kafka、Mysql優化、shell腳本、Docker、微服務、Nginx等多個知識點高級進階乾貨需要的可以免費分享給大家,需要的可以加入我的官方羣點擊此處

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章