控制页面按钮在后台执行期间不重复提交的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>
相关文章
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
这篇文章主要介绍了JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法,涉及javascript二叉树定义、赋值、遍历、查找等相关操作技巧,需要的朋友可以参考下2019-03-03Ionic2系列之使用DeepLinker实现指定页面URL
这篇文章主要介绍了Ionic2系列之使用DeepLinker实现指定页面URL的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-11-11javascript while语句和do while语句的区别分析
这篇文章通过实例代码较详细的给大家介绍了javascript while语句和do while语句的区别,感兴趣的朋友一起看看吧2007-12-12
最新评论