控制页面按钮在后台执行期间不重复提交的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 相关文章推荐
innerHTML,outerHTML,innerTEXT三者之间的区别
Jan 28 Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
jQuery实现的Div窗口震动特效
Jun 09 Javascript
简介JavaScript中fixed()方法的使用
Jun 08 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
vue实现pdf文档在线预览功能
Nov 26 Javascript
vue quill editor 使用富文本添加上传音频功能
Jan 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
discuz 首页四格:最新话题+最新回复+热门话题+精华文章插件
2007/08/19 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
php 处理png图片白色背景色改为透明色的实例代码
2018/12/10 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
jQuery插件bgStretcher.js实现全屏背景特效
2015/06/05 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
vue和webpack项目构建过程常用的npm命令详解
2018/06/15 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
解决Python中字符串和数字拼接报错的方法
2016/10/23 Python
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
python的Tqdm模块的使用
2018/01/10 Python
Sanic框架路由用法实例分析
2018/07/16 Python
如何提高python 中for循环的效率
2020/04/15 Python
Pycharm Git 设置方法
2020/09/15 Python
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
《在家里》教后反思
2014/03/01 职场文书
电视购物广告词
2014/03/19 职场文书
应届生求职信范文
2014/05/26 职场文书
保密工作整改报告
2014/11/06 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
事业单位岗位说明书
2015/10/08 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS