问题背景:
手头上的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"> function SingleSubmit() { 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); 。
以上所述是小编给大家介绍的Asp.net中阻止页面按钮多次提交的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
阻止按钮提交
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。