控制页面按钮在后台执行期间不重复提交的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 图像动画的小demo
May 23 Javascript
提示$ is not defined错误分析及解决
Apr 09 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
Aug 01 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
javascript jquery对form元素的常见操作详解
Jun 12 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
js获取地址栏中传递的参数(两种方法)
Feb 08 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
对vux点击事件的优化详解
Aug 28 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 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
使用数据库保存session的方法
2006/10/09 PHP
php中mkdir函数用法实例分析
2014/11/15 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jQuery中position()方法用法实例
2015/01/16 Javascript
jQuery实现Tab选项卡切换效果简单演示
2015/11/23 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
2016/05/03 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
js获取地址栏参数的两种方法
2017/06/27 Javascript
VUE中的无限循环代码解析
2017/09/22 Javascript
了解ESlint和其相关操作小结
2018/05/21 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
2019/05/01 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
Python的Flask框架的简介和安装方法
2015/11/13 Python
Python实现购物程序思路及代码
2017/07/24 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
详解flask入门模板引擎
2018/07/18 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
python绘制雷达图实例讲解
2021/01/03 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
教育实践活动对照检查材料
2014/09/23 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
2014年后勤工作总结范文
2014/12/16 职场文书
评职称个人总结
2015/03/05 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
商业计划书范文
2019/04/24 职场文书
优秀新员工事迹材料
2019/05/13 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
正则表达式拆分url实例代码
2022/02/24 Java/Android