控制页面按钮在后台执行期间不重复提交的JS方法

 更新时间:2013年06月24日 11:21:47   作者:  
下面的代码可以避免这种情况的发生,要等第一次执行完返回数据到前台后才能提交第二次。

在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> 

相关文章

  • 小程序接口的promise化的实现方法

    小程序接口的promise化的实现方法

    这篇文章主要介绍了小程序接口的promise化的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • 关于webpack代码拆分的解析

    关于webpack代码拆分的解析

    本篇文章主要介绍了关于webpack代码拆分的解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • 微信小程序input抖动问题的修复方法

    微信小程序input抖动问题的修复方法

    这篇文章主要给大家介绍了关于微信小程序input抖动问题的修复方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • layui 对table中的数据进行转义的实例

    layui 对table中的数据进行转义的实例

    今天小编就为大家分享一篇layui 对table中的数据进行转义的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 悄悄用脚本检查你访问过哪些网站的代码

    悄悄用脚本检查你访问过哪些网站的代码

    YouPorn是YouTube的成人自拍版,Alexa排名61。如果你登陆YouPorn主页,它会悄悄用脚本检查你访问过哪些色情网站。
    2010-12-12
  • js 字符串操作函数

    js 字符串操作函数

    js 字符串操作函数小结。
    2009-07-07
  • 指定js可访问其它域名的cookie的方法

    指定js可访问其它域名的cookie的方法

    指定js可访问其它域名的cookie的方法...
    2007-09-09
  • 详解js中常用4个基础算法

    详解js中常用4个基础算法

    本文主要介绍了JS中常用的四个基础算法,主要介绍了冒泡排序,选择排序,插入排序和快速排序这四种算法,需要的朋友可以参考下
    2023-05-05
  • JS实现图片切换特效

    JS实现图片切换特效

    这篇文章主要为大家详细介绍了JS实现图片切换特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • IE和Firefox下event事件杂谈

    IE和Firefox下event事件杂谈

    如果在使用javascript的时候涉及到event处理,就需要知道event在不同的浏览器中的差异。
    2009-12-12

最新评论