控制页面按钮在后台执行期间不重复提交的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 form表单提交插件asp.net后台中文解码
Jun 12 Javascript
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
JS实现控制表格单元格垂直对齐的方法
Mar 30 Javascript
jQuery取消特定的click事件
Feb 29 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
vue实现自定义日期组件功能的实例代码
Nov 06 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
vuex实现数据状态持久化
Nov 11 Javascript
GitHub上77.9K的Axios项目有哪些值得借鉴的地方详析
Jun 15 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 utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
Yii数据库缓存实例分析
2016/03/29 PHP
JavaScript 继承详解(一)
2009/07/13 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
javascript中Date对象的getDay方法使用指南
2014/12/22 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
2015/05/13 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
2016/04/12 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
下载给定网页上图片的方法
2014/02/18 Python
Django框架中数据的连锁查询和限制返回数据的方法
2015/07/17 Python
python实现维吉尼亚加密法
2019/03/20 Python
python 实现识别图片上的数字
2019/07/30 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
Python离线安装各种库及pip的方法
2020/11/28 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
荷兰鞋子在线:Nelson Schoenen
2017/12/25 全球购物
德国玩具商店:Planet Happy DE
2021/01/16 全球购物
请解释一下webService? 如何用.net实现webService
2014/06/09 面试题
奠基仪式主持词
2014/03/20 职场文书
拔河比赛口号
2014/06/10 职场文书
2014年民政工作总结
2014/11/26 职场文书
司机岗位职责
2015/02/04 职场文书
毕业论文答辩开场白和答辩技巧
2015/05/27 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
python中的sys模块和os模块
2022/03/20 Python
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技