ASP.NET 2.0中的ICallbackEventHandler说明 - 好高务远

公告

AJAX技术所提倡的无刷新回调，在原来的技术中需要写大量的JavaScript代码或使用一些AJAX框架，使得开发效率和可维护性大大降低。其实ASP.NET2.0中，已经提供了这样的接口，这就是ICallbackEventHandler。

ICallbackEventHandler存在于System.Web.UI中，我们先做一个非常简单的例子来试用一下。

　　第一步，在VS2005中建立一个新的WEB窗件。

　　第二步，在ASPX中，放上一段HTML代码(如下)：

　　<button onclick="CallServer()">CallServer</button>

　　第三步，然后在<HEAD></HEAD>中放入一段JavaScript脚本：

function CallServer()

{

var str = "上海XX计算机信息有限公司";

<%= ClientScript.GetCallbackEventReference(this, "str", "ReceiveServerData",null)%>;

}

function ReceiveServerData(serverResponseResult)

{

alert(serverResponseResult);

}

</script>

GetCallbackEventReference的参数说明：

第一个：实现了ICallbackEventHandler接口的页面或者服务器控件，写this代表当前页面。处理客户端回调的服务器 Control。该控件必须实现 ICallbackEventHandler 接口并提供包括必须实现string GetCallbackResult()和void RaiseCallbackEvent(eventArgument)这两个接口函数。
第二个：代表从客户端传递给服务器RaiseCallbackEvent方法的值
第三个：客户端的一个js函数名称，同时，服务器也会把计算得到的数据传递给这个函数做为这个函数的参数。
第四个：启动回调之前在客户端计算的客户端脚本。脚本的结果传回客户端事件处理程序。

第四步，在此ASPX的后台CS代码中，继承ICallbackEventHandler接口，并实现接口中的两个方法： ICallbackEventHandler.GetCallbackResult() 和 ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)，并且在Form_load里面添加ClientScript.GetCallbackEventReference(this, "", "", null);

　　第五步，增加一个变量CallBackValue，并修改接口的两个方法为：

　　#region ICallbackEventHandler Members

string ICallbackEventHandler.GetCallbackResult()

{

return CallBackValue + ",ICallbackEventHandler的测试";

}

void ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)

{

this.CallBackValue = eventArgument;

}

#endregion

　　第六步，运行，界面上会出现一个按钮，点击后，会将“上海XX计算机信息有限公司”这个字符串传至后台，后台C#代码将字符串加上“,ICallbackEventHandler的测试”后返回给客户端的JavaScript代码，并显示。

　　以上六步，就可以实现无刷新回调了。现在，我们来分析一下几段代码。

　　先看第三步中的JavaScript代码，其中的CallServer()方法中进行了回调，回调的语句为：　<%= ClientScript.GetCallbackEventReference(this, "str", "ReceiveServerData",null)%>;

　　里面四个参数中第二个参数指定将product这个JavaScript中的字符串变量传回后台，第三个参数指定了从后台返回时接收返回信息的JavaScript方法ReceiveServerData(string Value)。

　　第五步中后台的两个方法，一个ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)用来接收前台JavaScript中传来的字符串变量，并赋值给内部变量this.CallBackValue，另一个方法ICallbackEventHandler.GetCallbackResult()将变更后的内部变量this.CallBackValue返回给前台JavaScript方法ReceiveServerData(string Value)。

　　调用的顺序是： (前台)CallServer() --> (后台)ICallbackEventHandler.RaiseCallbackEvent(string eventArgument) --> (后台)ICallbackEventHandler.GetCallbackResult() --> (前台)ReceiveServerData(string Value)。

　　整个调用过程非常简单，而其中非常关键的一步是第三步的。　<%= ClientScript.GetCallbackEventReference(this, "str", "ReceiveServerData",null)%>;　

posted on 2010-01-13 09:47 好高务远阅读(167) 评论(0) 收藏举报

刷新页面返回顶部