控制页面按钮在后台执行期间不重复提交的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 相关文章推荐
jquery 注意事项与常用语法小结
Jun 07 Javascript
JavaScript设计模式之代理模式介绍
Dec 28 Javascript
JQuery中的事件及动画用法实例
Jan 26 Javascript
jquery插件bxslider用法实例分析
Apr 16 Javascript
js实现跨域的多种方法
Dec 25 Javascript
实例讲解JavaScript中的this指向错误解决方法
Jun 13 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
javascript添加前置0(补零)的几种方法
Jan 05 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 jQuery
详解webpack+express多页站点开发
Dec 22 Javascript
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 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实现的随机广告显示代码
2007/06/14 PHP
PHP的异常处理类Exception的使用及说明
2012/06/13 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
PHP获取文件夹内文件数的方法
2015/03/12 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
原生js 秒表实现代码
2012/07/24 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
基于JS实现无缝滚动思路及代码分享
2016/06/07 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
JS获取数组中出现次数最多及第二多元素的方法
2017/10/27 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
2017/11/28 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
vue+Element-ui实现登录注册表单
2020/11/17 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
Python中的fileinput模块的简单实用示例
2015/07/09 Python
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
Python实现的随机森林算法与简单总结
2018/01/30 Python
python解释器spython使用及原理解析
2019/08/24 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
python 日志模块 日志等级设置失效的解决方案
2020/05/26 Python
通过代码实例了解Python3编程技巧
2020/10/13 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
NBA欧洲商店(英国):NBA Europe Store UK
2018/07/27 全球购物
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
类和结构的区别
2012/08/15 面试题
单位办理社保介绍信
2014/01/10 职场文书
员工保密承诺书
2014/05/28 职场文书
党员领导干部承诺书
2014/05/28 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
JavaScript数组reduce()方法的语法与实例解析
2021/07/07 Javascript