手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >控制页面按钮在后台执行期间不重复提交的JS方法
控制页面按钮在后台执行期间不重复提交的JS方法
摘要:在ASP.NET中,如果在点了一个按钮,提交到后台执行期间,再点一次按钮,会出现两种情况,一种是执行了两次后台代码,另一种是等待前一次的提交...

在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="注册" OnClientClick="submitTest(this);" />

</div>

<div>

<asp:GridView ID="GridView1" runat="server">

</asp:GridView>

</div>

</form>

</body>

</html>

【控制页面按钮在后台执行期间不重复提交的JS方法】相关文章:

js判断鼠标位置是否在某个div中的方法

javascript实现行拖动的方法

js去字符串前后空格的实现方法

JS实现带缓冲效果打开、关闭、移动一个层的方法

Node.js重新刷新session过期时间的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

日历-指定日期的新闻

jquery控制表单输入框显示默认值的方法

jQuery实现控制文字内容溢出用省略号(…)表示的方法

js禁止页面刷新与后退的方法

精品推荐
分类导航