欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-26 10:02:01
问题背景: 手头上的kpi分类评级考核系统,页面的提交按钮是用linkbutton或者button做的。当大量用户同时在线访问该站点时,应用程序服务器出现cpu占用100...

问题背景:

手头上的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中阻止页面按钮多次提交的解决办法,希望对大家有所帮助