問題背景：
手頭上的KPI分類評級考核系統，頁面的提交按鈕是用LinkButton或者Button做的。當大量使用者同時線上訪問該網站時，應用程式伺服器出現CPU佔用100%的糟糕狀況，頁面會卡住不動，使用者不明情況連續點擊提交按鈕重複提交，造成資料庫中出現大量的重複資料。
其實，即便伺服器沒有崩掉，快速頻繁點擊提交按鈕，也會出現重複提交的問題。
嘗試過：1)在提交按鈕的點擊事件裡設定提交按鈕的Enabled屬性Enabled = false; ，這個屬性設定在未拿到新頁面前是無效的，問題依然存在；
2)在用戶端事件裡js設定提交按鈕的disabled disabled = true; ，此時提交按鈕的服務端事件將不再執行；
3)也試過點擊提交按鈕後馬上彈出div遮罩層，效果也不理想，問題依然存在；
4)加個HTML按鈕，並將提交按鈕隱藏，點擊HTML按鈕提交，在HTML按鈕的用戶端事件裡使HTML按鈕不可用(阻止重複提交)，再觸發提交按鈕的伺服器事件，頁面回傳後HTML按鈕自動變得可用。此法可行，如有不足或有更好的方法，還望大家不吝賜教。
解決思路：
1)除了提交按鈕LinkButton(ID為lbtSave)外，添加一個HTML按鈕
<input type="button"id="htmlSave"value="提交"onclick="SingleSubmit()"/> |
2)隱藏lbtSave，注意不能通過設定lbtSave的Visible屬性為False來實現隱藏，否則lbtSave的伺服器事件lbtSave_Click將不能觸發；可行辦法：用 <div style="display:none;"></div> 包含lbtSave來實現隱藏或者直接用 #lbtSave{display:none;} 來實現隱藏
3)<head></head>標籤中新增js代碼，如下：
<script type="text/javascript"> functionSingleSubmit() { document.getElementById("htmlSave").disabled =true; document.getElementById("lbtSave").click(); } </script> |
4)點擊htmlSave，執行SingleSubmit()方法，使htmlSave不可用(阻止重複提交)，觸發lbtSave_Click事件
5)頁面回傳後，也就是lbtSave_Click事件執行完後，htmlSave自動變得可用。
為了類比真實情景，在lbtSave_Click事件中增加5s的線程休眠 Thread.Sleep(5000); 。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
