控制页面按钮在后台执行期间不重复提交的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 相关文章推荐
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
javascript数组排序汇总
Jul 07 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
js date 格式化
Feb 15 Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
Sep 25 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 Javascript
js消除图片小游戏代码
Dec 11 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
优化NFR之一 --MSSQL Hello Buffer Overflow
2006/10/09 PHP
php中取得文件的后缀名?
2012/02/20 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
2014/02/13 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
AngularJS 工作原理详解
2016/08/18 Javascript
JS转换HTML转义符的方法
2016/08/24 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
解析原来浏览器原生支持JS Base64编码解码
2019/08/12 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
python实现ip查询示例
2014/03/26 Python
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
python实现批量监控网站
2016/09/09 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
如何通过Python实现标签云算法
2019/07/02 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
法国高保真音响和家庭影院商店:Son Video
2019/04/26 全球购物
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
美国家庭鞋店:Shoe Sensation
2019/09/27 全球购物
个人委托书范本
2014/09/13 职场文书
2015政治思想表现评语
2015/03/25 职场文书
文化苦旅读书笔记
2015/06/29 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
人事任命书范本
2015/09/21 职场文书
高质量“欢迎词”
2019/04/03 职场文书
详解MySQL的半同步
2021/04/22 MySQL
判断Python中的Nonetype类型
2021/05/25 Python
详解JAVA中的OPTIONAL
2021/06/14 Java/Android