控制页面按钮在后台执行期间不重复提交的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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
jquery更改元素属性attr()方法操作示例
May 22 jQuery
js中复选框的取值及赋值示例详解
Oct 18 Javascript
关于小程序优化的一些建议(小结)
Dec 10 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遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
PHP_SELF,SCRIPT_NAME,REQUEST_URI区别
2014/12/24 PHP
ThinkPHP中Common/common.php文件常用函数功能分析
2016/05/20 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
PHP-FPM 设置多pool及配置文件重写操作示例
2019/10/02 PHP
jquery $.each()使用探讨
2013/09/23 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
jQuery插件slick实现响应式移动端幻灯片图片切换特效
2015/04/12 Javascript
详解jQuery中的事件
2016/12/14 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
2019/06/28 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
理解JavaScript中的对象
2020/08/25 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
vue 中使用print.js导出pdf操作
2020/11/13 Javascript
JavaScript实现移动小精灵的案例代码
2020/12/12 Javascript
在Python程序中实现分布式进程的教程
2015/04/28 Python
python如何定义带参数的装饰器
2018/03/20 Python
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
Django实现发送邮件找回密码功能
2019/08/12 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
PyCharm Community安装与配置的详细教程
2020/11/24 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
2014年大学生工作总结
2014/11/20 职场文书
党支部书记岗位职责
2015/02/15 职场文书
大学团日活动总结书
2015/05/11 职场文书
出生证明范本
2015/06/15 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
windows下快速安装nginx并配置开机自启动的方法
2021/05/11 Servers
Keras在mnist上的CNN实践,并且自定义loss函数曲线图操作
2021/05/25 Python
CSS实现九宫格布局(自适应)的示例代码
2022/02/12 HTML / CSS
Python&Matlab实现樱花的绘制
2022/04/07 Python