控制页面按钮在后台执行期间不重复提交的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右键菜单效果代码
Jul 21 Javascript
JavaScipt基本教程之前言
Jan 16 Javascript
jQuery解决iframe高度自适应代码
Dec 20 Javascript
jquery+css+ul模拟列表菜单具体实现思路
Apr 15 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
Vue2.0 http请求以及loading展示实例
Mar 06 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 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
五个PHP程序员工具
2008/05/26 PHP
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
PHP+RabbitMQ实现消息队列的完整代码
2019/03/20 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
Aster vs Newbee BO5 第三场2.19
2021/03/10 DOTA
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
jQuery实现查找最近父节点的方法
2016/06/23 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
2018/02/09 Javascript
通过jquery.cookie.js实现记住用户名、密码登录功能
2018/06/20 jQuery
对vue中methods互相调用的方法详解
2018/08/30 Javascript
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
详解Python发送邮件实例
2016/01/10 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
Python中bisect的使用方法
2019/12/31 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
美国最大网上鞋店:Zappos
2016/07/25 全球购物
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
英国在线花园中心:You Garden
2018/06/03 全球购物
介绍一下mysql的日期和时间函数
2013/03/28 面试题
平民服装店创业计划书
2014/01/17 职场文书
商务日语专业自荐信
2014/04/17 职场文书
中秋节活动总结
2014/08/29 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书