提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

控制页面按钮在后台执行期间不重复提交的JS方法

JS控制后台方法执行 页面 重复 提交
2023-06-13 09:15:02 时间

在ASP.NET中，如果在点了一个按钮，提交到后台执行期间，再点一次按钮，会出现两种情况，一种是执行了两次后台代码，另一种是等待前一次的提交动作执行完后再次执行提交动作，无论是哪一种，都是跑了两遍后台代码，这是很多情况下不希望出现的。
以下代码在IE、傲游极速模式下测试通过。

复制代码代码如下:

<%@PageLanguage="C#"AutoEventWireup="true" CodeFile="Default.aspx.cs"Inherits="_Default"%> 

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<htmlxmlns="http://www.w3.org/1999/xhtml"> 
<headrunat="server"> 
   <title>ODP连接测试</title> 
   <script> 
       functionsubmitTest(btn){ 
           btn.value="正在等待后台数据更新"; 
           btn.onclick=onDealing; 
       } 
       functiononDealing(){ 
           alert("处理中");  
           returnfalse; 
       } 
   </script> 
</head> 
<body> 
   <formid="form1"runat="server"> 
   <div> 
       <asp:ButtonID="Button1"runat="server"Text="注册"onclick="Button1_Click"OnClientClick="submitTest(this);"/> 
   </div> 
   <div> 
       <asp:GridViewID="GridView1"runat="server"> 
       </asp:GridView> 
   </div> 
   </form> 
</body> 
</html> 

相关文章