gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Asp.net中阻止页面按钮多次提交的解决办法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

问题背景:

手头上的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按钮 。

?
1
<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代码,如下:

?
1
2
3
4
5
6
7
<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中阻止页面按钮多次提交的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我网站的支持! 。

原文链接:http://www.cnblogs.com/Scl891004X/archive/2016/12/12/6166412.html 。

最后此篇关于Asp.net中阻止页面按钮多次提交的解决办法的文章就讲到这里了,如果你想了解更多关于Asp.net中阻止页面按钮多次提交的解决办法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com