thinkphp防止重復(fù)提交表單的技巧

在開(kāi)發(fā)中,如果一個(gè)新增或修改的表單,在后臺(tái)完成數(shù)據(jù)庫(kù)操作后我們?cè)O(shè)定的不是跳轉(zhuǎn)到其他頁(yè)面,還是返回本頁(yè)面,這時(shí)點(diǎn)擊瀏覽器的后退再提交或刷新頁(yè)面,會(huì)導(dǎo)致form表單重復(fù)提交,即這條記錄會(huì)被增加或修改兩次。

thinkphp防止重復(fù)提交表單的技巧

導(dǎo)致表單重復(fù)提交的原因是:第一次提交的表單會(huì)被緩存到內(nèi)存中,直到頁(yè)面下次提交或頁(yè)面關(guān)閉或轉(zhuǎn)向其他頁(yè)面時(shí)才消失。在自調(diào)用返回時(shí),內(nèi)存中的數(shù)據(jù)依然在,這時(shí)頁(yè)面中的判斷提交的代碼依然可以檢測(cè)到提交的值,顧會(huì)產(chǎn)生重復(fù)提交的效果。

可以用以下幾個(gè)辦法解決:

方法1:最簡(jiǎn)單:頁(yè)面提交后轉(zhuǎn)到另一個(gè)頁(yè)面而不是本頁(yè)面,舉個(gè)栗子,比如你的頁(yè)面地址為

立即學(xué)習(xí)PHP免費(fèi)學(xué)習(xí)筆記(深入)”;

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

則該頁(yè)面的表單action地址可以為另外的處理地址,如


這樣報(bào)錯(cuò)返回,或者用戶(hù)點(diǎn)擊回退按鈕,還是會(huì)回到上一個(gè)地址,不過(guò)這種情況也不保險(xiǎn)。還要搭配方法2,一起比較保險(xiǎn)

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

這種方式一般是結(jié)合方法1來(lái)做的,通過(guò)JS來(lái)動(dòng)態(tài)監(jiān)聽(tīng)用戶(hù)的點(diǎn)擊動(dòng)作,動(dòng)態(tài)將按鈕屬性置成disabeld,即為灰色不可用。代碼如下:

HTML:


???<input> ???<input> ???<input>

JS:

$().ready(function(){ ?????$("#login_btn").on('click',function(){ ????????????$(this).attr('disabled',true); ??????}); });

方法1+方法2 結(jié)合后,基本上90%以上的重復(fù)提交問(wèn)題都能解決,但是大劉這里還是要說(shuō)下第三種方法,即在服務(wù)端一勞永逸的解決這個(gè)問(wèn)題

方法3:使用隱藏隨機(jī)TOKEN值的方法進(jìn)行重復(fù)提交判斷

首先,在項(xiàng)目的functions.php中添加如下方法

//創(chuàng)建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); }

在表單頁(yè)面form中填入以下HTML代碼

HTML:

<input>

在頁(yè)面展示前調(diào)用creatToken()方法生成token,在相應(yīng)控制器POST請(qǐng)求中 使用 checkToken() 進(jìn)行判斷是否重復(fù)提交

if(IS_POST) { $post_token?=?I('post.TOKEN'); ??if(!checkToken($post_token)){ ??????$this-&gt;error('請(qǐng)不要重復(fù)提交頁(yè)面',U('User/Index/login')); ??} }

基本上,這3個(gè)方法配合著使用,就能解決thinkphp開(kāi)發(fā)中表單重復(fù)提交問(wèn)題,當(dāng)然,有同學(xué)說(shuō)可以使用ThinkPHP的令牌環(huán)機(jī)制,這樣其實(shí)就更簡(jiǎn)單了,TP會(huì)默認(rèn)在表單中生成一個(gè)隱藏域,到時(shí)候判斷這個(gè)隱藏域是否存在以及和session中的值是否想的即可,原理和方法3是一樣的。

推薦教程:thinkphp教程

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊11 分享