快捷導(dǎo)航

Asp.net中阻止頁面按鈕多次提交的解決辦法

更新時(shí)間：2016年12月13日 08:53:50 作者：邪心魔佛一頁書

這篇文章主要介紹了Asp.net中阻止頁面按鈕多次提交的解決辦法的相關(guān)資料,需要的朋友可以參考下

問題背景：

手頭上的KPI分類評(píng)級(jí)考核系統(tǒng)，頁面的提交按鈕是用LinkButton或者Button做的。當(dāng)大量用戶同時(shí)在線訪問該站點(diǎn)時(shí)，應(yīng)用程序服務(wù)器出現(xiàn)CPU占用100%的糟糕狀況，頁面會(huì)卡住不動(dòng)，用戶不明情況連續(xù)點(diǎn)擊提交按鈕重復(fù)提交，造成數(shù)據(jù)庫中出現(xiàn)大量的重復(fù)數(shù)據(jù)。

其實(shí)，即便服務(wù)器沒有崩掉，快速頻繁點(diǎn)擊提交按鈕，也會(huì)出現(xiàn)重復(fù)提交的問題。

嘗試過：1)在提交按鈕的點(diǎn)擊事件里設(shè)置提交按鈕的Enabled屬性 Enabled = false; ，這個(gè)屬性設(shè)置在未拿到新頁面前是無效的，問題依然存在；

　　　　2)在客戶端事件里js設(shè)置提交按鈕的disabled disabled = true; ，此時(shí)提交按鈕的服務(wù)端事件將不再執(zhí)行；

　　　　3)也試過點(diǎn)擊提交按鈕后馬上彈出div遮罩層，效果也不理想，問題依然存在；

　　　　4)加個(gè)HTML按鈕，并將提交按鈕隱藏，點(diǎn)擊HTML按鈕提交，在HTML按鈕的客戶端事件里使HTML按鈕不可用(阻止重復(fù)提交)，再觸發(fā)提交按鈕的服務(wù)器事件，頁面回發(fā)后HTML按鈕自動(dòng)變得可用。此法可行，如有不足或有更好的方法，還望大家不吝賜教。

解決思路：

1)除了提交按鈕LinkButton(ID為lbtSave)外，添加一個(gè)HTML按鈕

<input type="button" id="htmlSave" value="提交" onclick="SingleSubmit()" />

2)隱藏lbtSave，注意不能通過設(shè)置lbtSave的Visible屬性為False來實(shí)現(xiàn)隱藏，否則lbtSave的服務(wù)器事件lbtSave_Click將不能觸發(fā)；可行辦法：用 <div style="display:none;"></div> 包含lbtSave來實(shí)現(xiàn)隱藏或者直接用 #lbtSave{display:none;} 來實(shí)現(xiàn)隱藏

3)<head></head>標(biāo)簽中新增js代碼，如下：

 <script type="text/javascript">
   function SingleSubmit()
   {
     document.getElementById("htmlSave").disabled = true;
     document.getElementById("lbtSave").click();
   }
 </script>

4)點(diǎn)擊htmlSave，執(zhí)行SingleSubmit()方法，使htmlSave不可用(阻止重復(fù)提交)，觸發(fā)lbtSave_Click事件

5)頁面回發(fā)后，也就是lbtSave_Click事件執(zhí)行完后，htmlSave自動(dòng)變得可用。

為了模擬真實(shí)情景，在lbtSave_Click事件中增加5s的線程休眠 Thread.Sleep(5000); 。

以上所述是小編給大家介紹的Asp.net中阻止頁面按鈕多次提交的解決辦法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: