控制页面按钮在后台执行期间不重复提交的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 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
AngularJS中指令的四种基本形式实例分析
Nov 22 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
Vue中图片Src使用变量的方法
Oct 30 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 Javascript
微信小程序自定义底部弹出框功能
Nov 18 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数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
基于jquery的让页面控件不可用的实现代码
2010/04/27 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
原生js实现手风琴功能(支持横纵向调用)
2017/01/13 Javascript
浅谈$_FILES数组为空的原因
2017/02/16 Javascript
JS+CSS实现下拉刷新/上拉加载插件
2017/03/31 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
浅谈Angular文字折叠展开组件的原理分析
2017/11/24 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
2018/09/02 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python基于stuck实现scoket文件传输
2020/04/02 Python
Python接口测试数据库封装实现原理
2020/05/09 Python
Python通过len函数返回对象长度
2020/10/22 Python
Python+OpenCV图像处理——实现轮廓发现
2020/10/23 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
JavaScript实现前端网页版倒计时
2021/03/24 Javascript
应届毕业生自我鉴定范文
2013/12/27 职场文书
业务部主管岗位职责
2014/01/29 职场文书
外贸业务员求职信
2014/06/16 职场文书
2014迎接教师节演讲稿
2014/09/10 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
用 Python 元类的特性实现 ORM 框架
2021/05/19 Python
nginx服务器的下载安装与使用详解
2021/08/02 Servers