Asp.Net--回调技术
实现回调技术需要以下步骤:
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对象了.后面就不说了.
Asp.Net--回调技术的更多相关文章
- ASP.NET 回调技术(CallBack)
在asp.net中客户端与服务器端的交互默认都是整页面提交, 此时客户端将当前页面表单中的数据(包括一些自动生成的隐藏域)都提交到服务器端,服务器重新实例化一个当前页面类的实例响应这个请求,然后将整个 ...
- Asp.net回调技术Callback学习
.aspx: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.a ...
- 【ASP.NET 基础】Page类和回调技术
Page 类有一个 IsPostBack 属性,这个属性用来指示当前页面是第一次加载还是响应了页面上某个控件的服务器事件导致回发而加载. 1.asp.net页面的声明周期 asp.net页面运行的时候 ...
- Android中的接口回调技术
Android中的接口回调技术有很多应用的场景,最常见的:Activity(人机交互的端口)的UI界面中定义了Button,点击该Button时,执行某个逻辑. 下面参见上述执行的模型,讲述James ...
- Asp.NET MVC 技术参考：http://kb.cnblogs.com/zt/mvc/
Asp.NET MVC 技术参考:http://kb.cnblogs.com/zt/mvc/
- asp.net-缓存技术-20180409
asp.net缓存技术有三种 1.页面输出缓存 2.页面部分缓存 3.页面数据缓存 ---------------------------------------------------------- ...
- ASP.NET WebApi技术从入门到实战演练
一.课程介绍 曾经有一位不知名的讲师说过这么一句名言: 一门RPC技术不会,那么千万万门RPC技术将都不会!在今天移动互联网的时代,作为攻城师的我们,谁不想着只写一套API就可以让我们的Web, An ...
- 路由其实也可以很简单-------Asp.net WebAPI学习笔记（一） ASP.NET WebApi技术从入门到实战演练 C#面向服务WebService从入门到精通 DataTable与List<T>相互转换
路由其实也可以很简单-------Asp.net WebAPI学习笔记(一) MVC也好,WebAPI也好,据我所知,有部分人是因为复杂的路由,而不想去学的.曾经见过一位程序猿,在他MVC程序中, ...
- 简读《ASP.NET Core技术内幕与项目实战》之3：配置
特别说明:1.本系列内容主要基于杨中科老师的书籍<ASP.NET Core技术内幕与项目实战>及配套的B站视频视频教程,同时会增加极少部分的小知识点2.本系列教程主要目的是提炼知识点,追求 ...
随机推荐
- javascript访问级别
JavaScript中没有官方的访问级别语法,JavaScript没有类似于Java语言智能搞得private或protected这样的访问级别关键字,默认情况下,,对象中所有的成员都是公有和可访问的 ...
- 关于asp.net会话阻塞
现象:在一个网站中,当访问一个处理比较耗时的页面(A页面),页面请求还没有返回时,此时再点击访问该网站的其他页面(B页面)会出现B页面很久都没有响应和返回,直到A页面输出返回数据时才开始处理B页面的请 ...
- 猜数字-js
var n = Math.round(Math.random()*10); //随机数 // alert(n); while(true){ var Onum = prompt('请输入1-10之间的数 ...
- Applet： 用HTML调用Applet的几个注意事项
问题:HTML找不到java class. 首先,如果xxx.java文件与HTML文件在同一目录下,直接运行cmd-javac 该 xxx.java文件,生成xxx.class文件.HTML中的&l ...
- ionic中修改图标的问题
有两种修改图标的方法,一种是手动配置,另外一种是使用命令 1.手动配置 把图标icon.png复制到resources\android\icon目录下 修改根目录的config.xml文件 <p ...
- 转：ASCII码表_全_完整版
ASCII码表 ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 0 NUL 32 (space) 64 @ 96 . 1 SOH 33 ! 65 A 9 ...
- ng-class的使用
例如: td(ng-class="{0:'text-warning',1:'text-primary'}[bj.flag]") {{bj.flag | bjFlagfilter}} ...
- Install and use Karma
1:安装karma y@y:~$ npm install --global karma 2:安装karma插件 y@y:~$ npm install --global karma-jasmine ka ...
- 一句话输出NGINX日志访问IP前十位排行
AWK的数组字段自增加,然后取值的方法,要记得哟. 还有,SORT指定列排行,也常用的.
- Ruby on Rails Tutorial读书笔记-1
只是怕忘了命令,全部撸一次,记个大概.. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 安装Ruby之前,先要安装RVM: curl -L https://get.rvm.io | bas ...