zoukankan      html  css  js  c++  java
  • 实现AJAX回传过程中禁止用户重复提交

    前台页面code
    后台Code
     1 protected void Page_Load(object sender, EventArgs e)
     2 
     3     {
     4 
     5         ScriptManager.RegisterOnSubmitStatement(Page, typeof(Page), "Go_disabled", "document.getElementById('btn_Go').disabled='disabled';");
     6 
     7         ScriptManager.RegisterStartupScript(Page, typeof(Page), "Clear_disabled", "document.getElementById('btn_Go').disabled='';", true);
     8 
     9  
    10 
    11     }
    12 
    13     protected void btn_Go_Click(object sender, EventArgs e)
    14 
    15     {
    16 
    17         System.Threading.Thread.Sleep(3000);//模拟任务
    18 
    19         //for (long i = 1; i < 1000000000; i++) ;
    20 
    21         btn_Go.Text = "execute complete";
    22 
    23     }

    页面使用了Ajax,非jQuery,用的是微软的ScriptManager和UpdateProgress。如何在数据回传过程中禁止用户重复提交?即用户点了提交按钮后,按钮不能用,等到数据回传后,按钮状态自动变为可用!到微软的论坛上去问了,高手给出了答案。经测试,下面的方法可行!

  • 相关阅读:
    ElementUi
    Vue插件
    Vue-cli
    Vue进阶
    Vue组件
    Vue生命期钩子
    Vue基础
    Vue介绍
    logging模块
    time模块
  • 原文地址:https://www.cnblogs.com/netalen/p/3014300.html
Copyright © 2011-2022 走看看