AJAX回传过程中禁止用户重复提交
2012-03-26 20:14
357 查看
最近碰到一个问题:页面使用了Ajax,非jQuery,用的是微软的ScriptManager和UpdateProgress。如何在数据回传过程中禁止用户重复提交?即用户点了提交按钮后,按钮不能用,等到数据回传后,按钮状态自动变为可用!
前台页面:
后台代码:
前台页面:
<form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <asp:UpdatePanel runat="server" ID="UpdatePanel1"> <ContentTemplate> <asp:Button Text="提交" ID="btn_Go" runat="server" onclick="btn_Go_Click" /> </ContentTemplate> </asp:UpdatePanel> <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1"> <ProgressTemplate> <img alt="" src="Images/Loading1.gif" style="width: 32px; height: 32px" />正在处理…… </ProgressTemplate> </asp:UpdateProgress> </form>
后台代码:
protected void Page_Load(object sender, EventArgs e) { ScriptManager.RegisterOnSubmitStatement(Page, typeof(Page), "Go_disabled", "document.getElementById('btn_Go').disabled='disabled';"); ScriptManager.RegisterStartupScript(Page, typeof(Page), "Clear_disabled", "document.getElementById('btn_Go').disabled='';", true); } protected void btn_Go_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(3000);//模拟任务 //for (long i = 1; i < 1000000000; i++) ; btn_Go.Text = "execute complete"; }
相关文章推荐
- AJAX回传过程中禁止用户重复提交
- 实现AJAX回传过程中禁止用户重复提交
- AJAX避免用户重复提交请求
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题
- AJAX避免用户重复提交请求实现方案
- 使用JS实现简单缓存功能,防止用户重复点击,重复AJAX提交
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题
- ajax禁止重复提交的解决办法
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题 推荐
- AJAX避免用户重复提交请求实现方案
- ASP.NET AJAX中防止用户多次提交页面
- 【转】ajax 防止用户反复提交
- $.ajax提交时防止数据重复
- 利用Ajax校验用户代码是否重复
- jquery 防止ajax 重复提交 简单方法
- 在ASP.NET AJAX中防止用户多次提交页面
- 在tp中实现单个用户禁止重复登录
- Java项目(1)——采用Ajax异步交互技术验证用户代码是否重复
- asp.net关于WEB端用户重复提交问题。禁用服务器控件按钮问题。
- validate中submitHandler采用ajaxsubmit导致表单重复提交