当前位置：首页 > 资讯 > 技术文档

Asp.net中阻止页面按钮多次提交的解决办法

时间：2020-09-08 06:19 编辑：来源：阅读：
扫一扫，手机访问

摘要：Asp.net中阻止页面按钮多次提交的解决办法

[b]问题背景：[/b] 手头上的KPI分类评级考核系统，页面的提交按钮是用LinkButton或者Button做的。当大量用户同时在线访问该站点时，应用程序服务器出现CPU占用100%的糟糕状况，页面会卡住不动，用户不明情况连续点击提交按钮重复提交，造成数据库中出现大量的重复数据。其实，即便服务器没有崩掉，快速频繁点击提交按钮，也会出现重复提交的问题。尝试过：1)在提交按钮的点击事件里设置提交按钮的Enabled属性 [code]Enabled = false[/code]; ，这个属性设置在未拿到新页面前是无效的，问题依然存在；　　　　2)在客户端事件里js设置提交按钮的[code]disabled disabled = true[/code]; ，此时提交按钮的服务端事件将不再执行；　　　　3)也试过点击提交按钮后马上弹出div遮罩层，效果也不理想，问题依然存在；　　　　4)加个HTML按钮，并将提交按钮隐藏，点击HTML按钮提交，在HTML按钮的客户端事件里使HTML按钮不可用(阻止重复提交)，再触发提交按钮的服务器事件，页面回发后HTML按钮自动变得可用。此法可行，如有不足或有更好的方法，还望大家不吝赐教。 [b]解决思路：[/b] 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中阻止页面按钮多次提交的解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：ASP.NET中用js取CheckBoxList中值的方法实例
下一篇：.net等比缩放生成缩略图的方法

资讯排行榜
更多>>