控制页面按钮在后台执行期间不重复提交的JS方法
2018-10-12 14:06
591 查看
在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>
您可能感兴趣的文章:
相关文章推荐
- 控制页面按钮在后台执行期间不重复提交的JS方法
- asp.net JS控制页面按钮在后台执行期间不重复提交
- asp.net JS控制页面按钮在后台执行期间不重复提交
- asp.net页面button按钮防止重复提交的方法
- js中防止连续点击按钮导致多次重复提交数据的方法
- ASP.NET学习5 后台控制前台执行js的方法
- js中如何控制所有页面加载完成后,再执行某些方法
- js控制再次点击按钮之间的间隔时间可防止重复提交
- js控制再次点击按钮之间的间隔时间可防止重复提交
- (转)防止页面按钮重复提交的方法
- 在调试ASP.NET时,有时老发现页面一个按钮的单击事件重复执行的解决办法
- 关于springmvc 刷新action的方法重复提交的问题 重复执行
- asp.net中页面按钮回车默认执行 设置方法
- 避免页面按钮重复提交
- asp.net服务器控件button先执行js再执行后台的方法
- asp.net表单提交,防重复提交,并执行前台的JS验证
- 用js提交表单解决一个页面有多个提交按钮的问题
- ajax提交相同url,重复发送请求后台,页面无更新的问题解决
- 防止快速连续点击按钮重复提交数据之一(自定义方法实现)
- asp.net服务器控件button先执行js再执行后台的方法