Question

ASP.NET如何防止页面重复提交

Answer 1

用户点击提交按钮后，通过JavaScript脚本将提交按钮disable掉，同时显示动画提示用户系统正在处理，并触发服务器端事件。具体是通过在Page_Load事件中添加如下代码实现的：

//sb保存的是JavaScript脚本代码,点击提交按钮时执行该脚本
StringBuilder sb = new StringBuilder();
//保证验证函数的执行
sb.Append("if (typeof(Page_ClientValidate) == 'function') { if (Page_ClientValidate() == false) { return false; }};");
//点击提交按钮后设置Button的disable属性防止用户再次点击,注意这里的this是JavaScript代码
sb.Append("this.disabled = true;");
//用__doPostBack来提交，保证按钮的服务器端click事件执行
sb.Append(this.ClientScript.GetPostBackEventReference(this.btnSubmit, ""));
sb.Append(";");
//SetUIStyle()是JavaScript函数,点击提交按钮后执行,如可以显示动画效果提示后台处理进度
//注意SetUIStyle()定义在aspx页面中
sb.Append("SetUIStyle();");
//给提交按钮增加OnClick属性
this.btnSubmit.Attributes.Add("onclick", sb.ToString());

Answer 2

点击一个提交按钮后讲提交按钮的Enabled设置为false