控制页面按钮在后台执行期间不重复提交的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下判断IE与FF的比较简单的方式
Oct 17 Javascript
JavaScript学习笔记(二) js对象
Oct 25 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
利用JavaScript阻止表单提交的两种方法
Aug 11 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
JS简单实现移动端日历功能示例
Dec 28 Javascript
Node.js 8 中的 util.promisify的详解
Jun 12 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
vue+iview实现分页及查询功能
Nov 17 Vue.js
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
上海地方志办公室-上海电子仪表工业志
2021/03/04 无线电
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
PHP中strtotime函数使用方法详解
2011/11/27 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
PHP如何将XML转成数组
2016/04/04 PHP
thinkphp整合微信支付代码分享
2016/11/24 PHP
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
jquery mobile实现可折叠的导航按钮
2017/03/11 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
python删除某个字符
2018/03/19 Python
PyQt5每天必学之滑块控件QSlider
2018/04/20 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
python实现电子产品商店
2019/02/26 Python
Python提取频域特征知识点浅析
2019/03/04 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
Python实现AI换脸功能
2020/04/10 Python
python如何处理程序无法打开
2020/06/16 Python
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
秋季运动会广播稿大全
2014/02/17 职场文书
文体活动实施方案
2014/03/27 职场文书
同学聚会策划方案
2014/06/06 职场文书
庆七一晚会主持词
2015/06/30 职场文书
2016年机关单位节能宣传周活动总结
2016/04/05 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书