佳木斯湛栽影视文化发展公司

主頁(yè) > 知識(shí)庫(kù) > ThinkPHP防止重復(fù)提交表單的方法實(shí)例分析

ThinkPHP防止重復(fù)提交表單的方法實(shí)例分析

熱門(mén)標(biāo)簽:Linux服務(wù)器 團(tuán)購(gòu)網(wǎng)站 服務(wù)器配置 電子圍欄 科大訊飛語(yǔ)音識(shí)別系統(tǒng) Mysql連接數(shù)設(shè)置 銀行業(yè)務(wù) 阿里云

本文實(shí)例總結(jié)分析了ThinkPHP防止重復(fù)提交表單的方法。分享給大家供大家參考,具體如下:

為什么會(huì)有表單重復(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ì)被增加或修改兩次。

導(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ù)提交的效果。

如何解決?

總結(jié)網(wǎng)上的解決辦法和自己的測(cè)試,可以用以下幾個(gè)辦法:

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

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

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

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

這樣報(bào)錯(cuò)返回,或者用戶點(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)用戶的點(diǎn)擊動(dòng)作,動(dòng)態(tài)將按鈕屬性置成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 結(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 type="hidden" name="TOKEN" value="{:session('TOKEN')}" />

在頁(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是一樣的。

PS:今天終于把內(nèi)容用簡(jiǎn)書(shū)的markdown編輯器發(fā)出來(lái)了,果然markdown語(yǔ)法不是蓋的,整個(gè)排版都清爽了,不錯(cuò)不錯(cuò)。

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《ThinkPHP入門(mén)教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門(mén)教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門(mén)教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:
  • 實(shí)例講解PHP表單驗(yàn)證功能
  • 實(shí)例講解PHP表單處理
  • php防止表單重復(fù)提交實(shí)例講解
  • php 提交表單 關(guān)閉layer彈窗iframe的實(shí)例講解
  • thinkPHP5 ajax提交表單操作實(shí)例分析
  • PHP用正則匹配form表單中所有元素的類型和屬性值實(shí)例代碼
  • 微信小程序 PHP后端form表單提交實(shí)例詳解
  • 實(shí)例講解PHP表單

標(biāo)簽:廣元 大理 江蘇 蚌埠 萍鄉(xiāng) 棗莊 衡水 衢州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《ThinkPHP防止重復(fù)提交表單的方法實(shí)例分析》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    区。| 海兴县| 比如县| 泗水县| 灵山县| 类乌齐县| 黔南| 高雄县| 拉萨市| 建德市| 大化| 镇康县| 繁昌县| 巴彦县| 海晏县| 长丰县| 兰州市| 新乡县| 军事| 竹溪县| 玛沁县| 泉州市| 道孚县| 明光市| 泸州市| 吉木乃县| 潜山县| 石楼县| 吴桥县| 连云港市| 滁州市| 蛟河市| 工布江达县| 嘉荫县| 长海县| 额敏县| 巨鹿县| 钟祥市| 马关县| 静宁县| 博客|