ASP.NET中如何实现回调
一、引言
在ASp.NET网页的默认模型中，用户通过单击按钮或其他操作的方式来提交页面，此时客户端将当前页面表单中的所有数据（包括一些自动生成的隐藏域）都提交到服务器端，服务器将重新实例化一个当前页面类的实例来响应这个请求，然后将整个页面的内容重新发送到客户端。这种处理方式对运行结果没什么影响，但页回发会导致处理开销，从而降低性能，且会让用户不得不等待处理并重新创建页，有时候，我们仅仅只需要传递部分数据而不需要提交整个表单，这种默认的处理方式（指的是提交整个表单进行回发方式）显得有点小题大做了，解决办法主要有三种： 纯 JS实现、 Ajax技术和回调技术，在这里仅仅介绍下Asp.net回调技术的实现。（回调的本质其实就是Ajax调用，之所以这么说是因为我们使用Asp.net中的类来实现回调，Asp.net中类会帮我们做Ajax的操作）。
二、实现步骤
使用回调技术来实现无刷新页面的要点是：
1、让当前页面实现ICallbackEventHandler接口，该接口定义了两个方法：GetCallbackResult 方法和RaiseCallbackEvent方法，其中，GetCallbackResult方法的作用是返回以控件为目标的回调方法的结果；RaiseCallbackEvent方法是处理以控件为目标的回调方法.
2、为当前页面提供2个JS脚本，一个是客户端调用服务器端方法成功后要执行的客户端方法，一个是客户端调用服务器端方法失败后要执行的客户端方法。
具体测试页面代码为：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="ASPNETClientCallBackWithoutPostBack.Register" %>
<!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>用户注册</title>
<script language="javascript">
// 调用服务器端成功时调用的客户端方法
function Success(arg, context) {
document.getElementById("message").innerHTML = arg;
}
// 调用服务器端失败时调用的客户端方法
function Error(arg, context) {
document.getElementById("message").innerHTML = "发生异常";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
用户名：
<input type="text" id="txtUserName" onblur="CallServerMethod(txtUserName.value,null)" />
<span id="message" style="color:Red"></span>
</div>
<div>
密码：
<input type="text" id="txtpassword" style="margin-left:15px" />
</div>
</div>
</form>
</body>
</html>
后台CS代码为：
using System;
using System.Web.UI;
namespace ASPNETClientCallBackWithoutPostBack
{
public partial class Register : System.Web.UI.Page, ICallbackEventHandler
{
string result=string.Empty;
protected void Page_Load(object sender, EventArgs e)
{
// 获得当前页的ClientScriptManager对象，该对象用于管理客户端脚步
ClientScriptManager clientScriptManager = Page.ClientScript;
// 获取回调引用
// 执行下面代码会在客户端生成WebForm_DoCallback方法，调用他来达到异步调用，这个方法是ASP.NET自动生成的方法，会被发送到客户端
string reference = clientScriptManager.GetCallbackEventReference(this, "arg", "Success", "", "Error", true);
string callBackScript = "function CallServerMethod(arg, context){" + reference + ";}";
// 向当前页面注册客户端脚本
// CallServerMethod是要注册的客户端脚本的键
clientScriptManager.RegisterClientScriptBlock(this.GetType(), "CallServerMethod", callBackScript, true);
}
/// <summary>
/// 服务器端运行的回调方法
/// </summary>
/// <param name="eventArgument"></param>
public void RaiseCallbackEvent(string eventArgument)
{
if (eventArgument.ToLower().IndexOf("admin") != -1)
{
result = eventArgument + "用户已注册";
}
else
{
result = eventArgument + "可以注册";
}
}
/// <summary>
/// 返回回调方法的执行结果
/// </summary>
public string GetCallbackResult()
{
return result;
}
}
}
当我们在浏览器中查看上面Asp.net页面时，Asp.net页面会经过服务器端Page类的处理生成标准的HTML代码，具体代码如下：
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>
用户注册
</title>
<script language="javascript">
// 调用服务器端成功时调用的客户端方法
function Success(arg, context) {
document.getElementById("message").innerHTML = arg;
}
// 调用服务器端失败时调用的客户端方法
function Error(arg, context) {
document.getElementById("message").innerHTML = "发生异常";
}
</script>
</head>
<body>
<form method="post" action="Register.aspx" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGRhQnkA8wRg1s7uEiDb6xwTLc8yV3cMvxUYSRtK9Yaw9Q==">
</div>
// 在生成的HTML代码中多了几段JS代码块
// 这部分代码是每个Asp.net页面发送到客户端都会生成的，用于提交当前表单
// eventTarget表示激发提交时间的控件，eventArgument表示发生该事件时的参数信息，他们的值都可以通过Debug的方式进行查看
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
// 这部分代码用来生成用于Ajax调用的JS脚本，其源码中有WebForm_DoCallback方法的定义
<script src="/WebResource.axd?d=Okp1JZTDECHos0RqI93uiUGmigRVKnpI1GrXTy8FPFuLgF3yEpwKfV7V477WPUrfAxs2eKT9i4LoIZ4cWS-poziKdbgOx1EKoRZYERcCJOs1&t=634714073180000000" type="text/javascript"></script>
// 这部分代码是由服务端代码生成的，因为我们在后台代码中使用ClientScriptManager.RegisterClientScriptBlock方法来注册一段前端脚本
<script type="text/javascript">
//<![CDATA[
function CallServerMethod(arg, context){WebForm_DoCallback('__Page',arg,Success,"",Error,true);}//]]>
</script>
<div>
<div>
用户名：
<input type="text" id="txtUserName" onblur="CallServerMethod(txtUserName.value,null)">
<span id="message" style="color:Red"></span>
</div>
<div>
密码：
<input type="text" id="txtpassword" style="margin-left:15px">
</div>
</div>
// WebForm——InitCallback方法的定义也在幕后生成的脚本文件中，脚本代码可以在Chorme的Source选项卡中找到。
<script type="text/javascript">
//<![CDATA[
WebForm_InitCallback();//]]>
</script>
</form>
</body></html>
三、运行结果
下面就看看上面代码实现的无刷新回调的效果：
四、小结
因为最近一段时间在学习Asp.net的内容，这里记录下一些学习过程中个人觉得比较重要的内容，希望对其他一些朋友有所帮助。
相关推荐
-
asp.net Page.EnableEventValidation 属性验证服务器控件的回发和回调事件出现的错误
本以为页面很简单不会出现问题,但运行时出现了如下错误: Page.EnableEventValidation 属性 参看了一下MSDN,获取或设置一个值,该值指示页面验证回发事件,还是验证回调事件..NET Framework出于安全考虑需要为服务器端控件的回发和回调事件进行注册,此事件验证机制可消除未经授权的回发请求和回调带来的风险.通过此模型,控件可在呈现期间注册其事件,然后在回发或回调期间验证这些事件.默认情况下,ASP.NET 中的所有事件驱动控件均使用此功能. 第一反应,既然启用了事件
-
C# KeyUp事件中MessageBox的回车（Enter）键回调问题解决方案
本文解析了C# KeyUp事件中MessageBox的回车(Enter)键出现回调问题的解决办法.具体问题如下: 在一个窗体上有一个名为txtTest的Textbox控件,如果在此控件的KeyUp事件中有按回车键 弹出messagebox消息框,那么在弹出的messagebox中如果按回车键去执行messagebox上的按钮,再回车键还会在KeyUp事件中继续执行.一直按回车键的话将循环进行. 代码如下所示: private void txtTest_KeyUp(object sender, K
-
Asp.net回调技术Callback学习笔记
.aspx: <%@ 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/xht
-
C# 委托的三种调用示例（同步调用 异步调用 异步回调）
首先,通过代码定义一个委托和下面三个示例将要调用的方法: 复制代码 代码如下: public delegate int AddHandler(int a,int b); public class 加法类 { public static int Add(int a, int b) { Console.WriteLine("开始计算:" + a + "+" + b); Thread.Sl
-
C#中异步回调函数用法实例
本文实例讲述了C#中异步回调函数用法.分享给大家供大家参考.具体如下: static void Main(string[] args) { Func<string,string> showMessage = ShowMessage; //设置了回调函数Completed,不能有返回值 IAsyncResult result = showMessage.BeginInvoke("测试异步委托",new AsyncCallback(Completed),null); //半段异
-
利用Asp.Net回调机制实现进度条
其效果如下:首先,在HTML文档中加入如下代码:<div> <table class="statusTable"> <tr> <td id="progress1"> </td> <td id="progress2"> </td> <td id="progress3"> </td> <td id="prog
-
C#程序窗体间使用回调事件方式通讯示例
Form2: 复制代码 代码如下: //定义一个需要string类型参数的委托 publicdelegate void MyDelegate(string text); public partial class Form2 :Form1 { //定义该委托的事件 public event MyDelegate MyEvent; public Form2(string te
-
C#的回调机制浅析
本文简要分析了C#的回调机制.分享给大家供大家参考.具体分析如下: 1.回调听起来高大上,实际上本质就是委托,回调是委托的一种应用,其本质就是委托. 2.一般回调多用在线程,因此多声明为类级变量.(和类在同一级,不是在某个方法内部的局部变量). 3.设置: 复制代码 代码如下: Form1.CheckForIllegalCrossThreadCalls = false; 将检查合法跨线程调用设置为 false 表示不检查 项目开发中不允许这样使用,因此会导致非线程安全而出现奇葩BUG. 4.初始
-
ASP.NET中如何实现回调
一.引言 在ASp.NET网页的默认模型中,用户通过单击按钮或其他操作的方式来提交页面,此时客户端将当前页面表单中的所有数据(包括一些自动生成的隐藏域)都提交到服务器端,服务器将重新实例化一个当前页面类的实例来响应这个请求,然后将整个页面的内容重新发送到客户端.这种处理方式对运行结果没什么影响,但页回发会导致处理开销,从而降低性能,且会让用户不得不等待处理并重新创建页,有时候,我们仅仅只需要传递部分数据而不需要提交整个表单,这种默认的处理方式(指的是提交整个表单进行回发方式)显得有点小题大做了,
-
asp.net中javascript与后台c#交互
最近做一个小项目,网页中嵌入google maps,输入经纬度坐标可以定位地图位置并加注标记,点击标记获取远端摄像头数据并在视频窗口实现播放.在实际操作过程中,由于经纬度数据和视频登录的用户名密码数据均要从后台数据库中提取,而第三版的google maps api又是在javascript中实现的,因此不可避免的需要前端脚本与后台进行交互.由于是在asp.net中实现,故问题演化成asp.net中javascript与后台c#如何进行交互. C#代码与javaScript函数的相互调用主要有四个
-
详解ASP.NET中Identity的身份验证代码
本篇内容主要讲述了实现基于微软账户的第三方身份验证.实现双因子身份验证. 验证码机制这3个内容. 实现基于微软账户的第三方身份验证 在微软提供的ASP.NET MVC模板代码中,默认添加了微软.Google.twitter以及Facebook的账户登录代码(虽然被注释了),另外针对国内的一些社交账户提供了相应的组件,所有组件都可以通过Nuget包管理器安装: 从上图中看到有优酷.微信.QQ.微博等组件,其中一些是微软提供的,一些是其它开发者提供的.而本文将使用微软账户为例来介绍如何实现一个第三方
-
Asp.net中UpdatePanel的用法详解
Asp.net UpdatePanel 允许用户构建一个丰富的,以客户端为中心的应用程序,引用UpdatePanel控件,能够实现页面的部分刷新,一个包含scriptManage和 UpdatePanel控件的页面自动具有页面部分刷新的功能,不需要写任何的客户端JavaScript代码.一个web页面只能包含一个 ScriptManage控件,但可以包含一个或多个UpdatePanel控件. 使用UpdatePanel控件实现页面的局部更新,需要包含一个ScriptManage控件,并且必须将S
-
ASP.NET中IsPostBack用法详解
本文针对ASP.NET中IsPostBack的用法进行了详细的说明,有助于读者更准确的掌握ASP.NET中IsPostBack的用法. 一.IsPostBack介绍: Page.IsPostBack是一个标志:当前请求是否第一次打开.调用方法为:Page.IsPostBack或者IsPostBack或者this.IsPostBack或者this.Page.IsPostBack,它们都等价. 1)当通过IE的地址栏等方式打开一个URL时是第一次打开, 当通过页面的提交按钮或能引起提交的按钮以POS
-
ASP.NET中验证控件的使用方法
对于这些常用的控件有效性验证,在Asp.Net中有单独的验证控件可供使用.他们可以满足一般的,诸如非空,范围.比较等的验证,为用户登录页面添加输入数据验证功能和验证码功能. 验证控件: Asp.Net中内置的验证控件有:RequiredFieldValidation.RangeValidation.RegularExpressValidation.CompareValidation.CustomValidation和ValidationSummary等六种.其中用户自定义验证控件,由于并不非常常
-
ASP.Net中利用CSS实现多界面的两种方法
本文实例讲述了ASP.Net中利用CSS实现多界面的两种方法.分享给大家供大家参考.具体实现方法如下: 可以通过使页面动态加载不同CSS来实现多界面的效果: 方法一: 复制代码 代码如下: <%@page language="C#"%> <%@import namespace="System.Data"%> <script language="c#" runat="server"> publ
-
asp.net中Timer无刷新定时器的实现方法
本文实例讲述了asp.net中Timer无刷新定时器的实现方法.Timer控件要实现无刷新,得用到ajax技术,这里使用VS2008自带的ajax技术. 首先得添加一个ScriptManager控件,然后再添加一个UpdatePanel用于存放Timer控件内容的,就可以实现无刷新了.下面是详细的内容: 一.前台代码如下: <form id="form1" runat="server"> <asp:ScriptManager ID="
-
asp.net中MVC借助Iframe实现无刷新上传文件实例
本文实例讲述了asp.net中MVC借助Iframe实现无刷新上传文件的方法.分享给大家供大家参考.具体实现方法如下: html: 复制代码 代码如下: <div id="uploadwindow" style="display: none;"> <form action="/ShopActivitys/ImportActivityItems" id="form1" name="form1&
-
asp.net中button控制先执行js再执行后台程序的方法
本文实例讲述了asp.net中button控制先执行js再执行后台程序的方法.分享给大家供大家参考.具体分析如下: 在.net中要实现button控制点击之后先执行js再执行后台程序这个看上去没什么难度,这里我们就一起来看一个asp.net中button控制先执行js再执行后台程序的实现方法,希望可以帮助到各位. 关于button这个服务器控件,我一直想减少它向服务器提交数据.那些检测,还是在客户端实现就好了. 这就需要javascript,但是我发现仅仅有javascript还是不够的.but