控制页面按钮在后台执行期间不重复提交的JS方法


Posted in Javascript onJune 24, 2013

在ASP.NET中,如果在点了一个按钮,提交到后台执行期间,再点一次按钮,会出现两种情况,一种是执行了两次后台代码,另一种是等待前一次的提交动作执行完后再次执行提交动作,无论是哪一种,都是跑了两遍后台代码,这是很多情况下不希望出现的。
以下代码在 IE、傲游极速模式下测试通过。

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title>ODP连接测试</title> 
    <script> 
        function submitTest(btn) { 
            btn.value = "正在等待后台数据更新"; 
            btn.onclick = onDealing; 
        } 
        function onDealing() { 
            alert('处理中');  
            return false; 
        } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <asp:Button ID="Button1" runat="server" Text="注册" onclick="Button1_Click" OnClientClick="submitTest(this);" /> 
    </div> 
    <div> 
        <asp:GridView ID="GridView1" runat="server"> 
        </asp:GridView> 
    </div> 
    </form> 
</body> 
</html> 
Javascript 相关文章推荐
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 Javascript
jQuery实现网站添加高亮突出显示效果的方法
Jun 26 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
在vue项目中优雅的使用SVG的方法实例详解
Dec 03 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
Mar 14 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
uniapp开发小程序的经验总结
Apr 08 Javascript
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 #Javascript
JS实现的省份级联实例代码
Jun 24 #Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 #Javascript
用jquery生成二级菜单的实例代码
Jun 24 #Javascript
自动刷新网页,自动刷新当前页面,JS调用
Jun 24 #Javascript
jquery中的事件处理详细介绍
Jun 24 #Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 #Javascript
You might like
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
Js sort排序使用方法
2011/10/17 Javascript
javascript将数组插入到另一个数组中的代码
2013/01/10 Javascript
javascript获取元素CSS样式代码示例
2013/11/28 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
vue数据双向绑定原理解析(get &amp; set)
2017/03/08 Javascript
JavaScript编写一个贪吃蛇游戏
2017/03/09 Javascript
解决AngualrJS页面刷新导致异常显示问题
2017/04/20 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
js用类封装pop弹窗组件
2017/10/08 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
Python对列表排序的方法实例分析
2015/05/16 Python
利用python将图片转换成excel文档格式
2017/12/30 Python
python实现员工管理系统
2018/01/11 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
Python标准库itertools的使用方法
2020/01/17 Python
python判断元素是否存在的实例方法
2020/09/24 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
python实现三种随机请求头方式
2021/01/05 Python
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
党干部专题民主生活会对照检查材料思想汇报
2014/10/06 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
入党积极分子群众意见
2015/06/01 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python