abstract：這篇文章主要介紹了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)重
這篇文章主要介紹了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); 。
更多關(guān)于Asp.net中阻止頁面按鈕多次提交的解決辦法請(qǐng)關(guān)注PHP中文網(wǎng)（ipnx.cn）其他文章！