实现回调技术需要以下步骤:
1.实现ICallbakEventHandler
2.实现接口中的方法:RaiseCallbackEvent
3.实现GetCallbackResult
| 方法 | 解释 | 参数 |
| void RaiseCallbackEvent(string eventArgument) | 处理以控件为目的的回调事件 | 表示要传递到事件处理程序的事件参数 |
| string GetCallbackResult() | 返回以控件为目的的回调事件的结果 |
先看例子,再来解释:
1.建立一个aspx页面,内容如下:
页面代码:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <input type="text" id="txtname" name="txtname" onblur="CallServer(this.value,null)" /> <span id="msg"></span> <input type="submit" value="Submit" /> <script type="text/javascript"> function Success(args,context){ document.getElementById("msg").innerText=args; } function Error(args,context){ document.getElementById("msg").innerText=args; } </script> </form> </body> </html>此处,并没有看到定义了CallServer函数,也没有看到有调用Success和Error的地方.且看后台.实现ICallbackEventHandler接口.
后台代码:
protected void Page_Load(object sender, EventArgs e)
{
string reference = Page.ClientScript.GetCallbackEventReference(this, "args", "Success", "", "Error", false);
string callbackscript = "function CallServer(args,context){\n" +
reference + ";\n}";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "callback", callbackscript, true);
}
public string GetCallbackResult()
{
return ViewState["result"].ToString();
}
public void RaiseCallbackEvent(string eventArgument)
{
if (eventArgument.Equals("admin"))
{
ViewState["result"] = "不可以被使用!";
}
else
{
ViewState["result"] = "可以使用";
}
}
此时,看到了关于Page.ClientScript.GetCallbackEventReference的使用,同时也看到了CallServer方法的定义.且看GetCallbackEventReference方法的定义:
GetCallbackEventReference:获取一个对客户端参数的引用;调用该函数时,将启动一个对服务器事件的回调.即:返回一个函数,该函数是可以将页面提交到服务器.
其中,在例子中使用的函数参数的解释如下:
GetCallbackEventReference(Control control,string argument,string clientcallback,string context,string clientErrorcallback,bool useAsync)
control:处理客户端回调的服务器Control.
argument:一个参数,该参数从客户端脚本传递给服务器的RaiseCallbackEvent事件.
clientCallback:一个客户端函数,用于处理当事件成功运行时的函数
context:启动回调之前,在客户端计算的客户端脚本,脚本的结果传递给事件处理程序.
clientErrorcallback:一个客户端函数,用于处理当事件失败时运行的函数.(本例中虽然有该参数,但是实际上并未使用)
useAsync:true表示异步执行回调,false表示同步执行回调
运行页面,查看效果,是否发现,页面在进行用户判断时不再进行整页的刷新.
页面执行流程如下:
1.当textbox失去焦点时,调用CallServer方法
2.CallServer方法将this.value值传入RaiseCallbackEvent方法的参数中,然后进行判断,随后调用GetCallbackResult()方法
3.此时,再执行页面中定义的Success方法.
查看运行页面的源代码,形成的客户端HTML代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
无标题页
</title></head>
<body>
<form name="form1" method="post" action="Default2.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNzgzNDMwNTMzZGS4em2NMZLtsU4YN7EFuXT4tLpJrA==" />
</div>
<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>
<script src="/kongjian/WebResource.axd?d=KYfh-S4VutWcM_01AnkeqQ2&t=633934581566718750" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function CallServer(args,context){
WebForm_DoCallback(‘__Page‘,args,Success,"",Error,false);
}//]]>
</script>
<input type="text" id="txtname" name="txtname" onblur="CallServer(this.value,null)" />
<span id="msg"></span>
<input type="submit" value="Submit" />
<script type="text/javascript">
function Success(args,context){
document.getElementById("msg").innerText=args;
}
function Error(args,context){
document.getElementById("msg").innerText=args;
}
</script>
<script type="text/javascript">
//<![CDATA[
WebForm_InitCallback();//]]>
</script>
</form>
</body>
</html>
注意页面中这段代码:
<script type="text/javascript">
//<![CDATA[
function CallServer(args,context){
WebForm_DoCallback(‘__Page‘,args,Success,"",Error,false);
}//]]>
</script>
此段代码正是在pageload事件中生成的
protected void Page_Load(object sender, EventArgs e)
{
string reference = Page.ClientScript.GetCallbackEventReference(this, "args", "Success", "", "Error", false);
string callbackscript = "function CallServer(args,context){\n" +
reference + ";\n}";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "callback", callbackscript, true);
}
此时,再来看WebForm_DoCallback方法.
将源代码中一段script代码下下来./kongjian/WebResource.axd?d=KYfh-S4VutWcM_01AnkeqQ2&t=633934581566718750
查找其中的WebForm_DoCallback方法代码,简单列出一部分:
var xmlRequest,e;
try {
xmlRequest = new XMLHttpRequest();
}
catch(e) {
try {
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e) {
}
}
var setRequestHeaderMethodExists = true;
try {
setRequestHeaderMethodExists = (xmlRequest && xmlRequest.setRequestHeader);
}
catch(e) {}
var callback = new Object();
callback.eventCallback = eventCallback;
callback.context = context;
callback.errorCallback = errorCallback;
callback.async = useAsync;
看到这段代码,会发现,原来已经建立的xmlHttpRequest对象了.后面就不说了.