控制页面按钮在后台执行期间不重复提交的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 while语句和do while语句的区别分析
Dec 08 Javascript
js 弹出菜单/窗口效果
Oct 30 Javascript
jquery中加载图片自适应大小主要实现代码
Aug 23 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
Oct 10 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
AngularJs 禁止模板缓存的方法
Nov 28 Javascript
代码分析vue中如何配置less
Sep 28 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
详解微信小程序网络请求接口封装实例
May 02 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
smarty实现多级分类的方法
2014/12/05 PHP
PHP模板引擎Smarty内建函数section,sectionelse用法详解
2016/04/11 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
laravel自定义分页效果
2017/07/23 PHP
“不能执行已释放的Script代码”错误的原因及解决办法
2007/09/09 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
多种方式实现js图片预览
2016/12/12 Javascript
JScript实现地址选择功能
2017/08/15 Javascript
JS数组求和的常用方法实例小结
2019/01/07 Javascript
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python uuid模块使用实例
2015/04/08 Python
Python多线程下载文件的方法
2015/07/10 Python
Python使用pymysql小技巧
2017/06/04 Python
Python3.5编程实现修改IIS WEB.CONFIG的方法示例
2017/08/18 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
Django框架安装方法图文详解
2019/11/04 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
人力管理专业毕业生求职信
2014/02/27 职场文书
第一批党的群众路线教育实践活动工作总结
2014/03/03 职场文书
献爱心活动总结
2014/05/07 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
秋季运动会开幕词
2015/01/28 职场文书
预备党员转正党小组意见
2015/06/01 职场文书
有关朝花夕拾的读书笔记
2015/06/29 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
MySQL之PXC集群搭建的方法步骤
2021/05/25 MySQL
Android实现图片九宫格
2022/06/28 Java/Android
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS