马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

防止用户多次点击按钮多次提交代码分享

[复制链接]
查看5510 | 回复1 | 2016-12-29 09:27:07 | 显示全部楼层 |阅读模式
问题背景:
页面的提交按钮是用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按钮
[HTML] 纯文本查看 复制代码
<input type="button" id="htmlSave" value="提交" />


2)隐藏lbtSave,注意不能通过设置lbtSave的Visible属性为False来实现隐藏,否则lbtSave的服务器事件lbtSave_Click将不能触发;可行办法:用 <div style="display:none;"></div> 包含lbtSave来实现隐藏或者直接用 #lbtSave{display:none;} 来实现隐藏

3)<head></head>标签中新增js代码,如下:
[JavaScript] 纯文本查看 复制代码
<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);


C#论坛 www.ibcibc.com IBC编程社区
C#
C#论坛
IBC编程社区
Amy尾巴 | 2016-12-29 11:54:04 | 显示全部楼层
加油
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则