在開(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ì)被增加或修改兩次。
導(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地址可以為另外的處理地址,如
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->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教程