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.本系列教程主要目的是提炼知识点,追求 ...
随机推荐
- Google Chrome一些小技巧
document.body.contentEditable='true'; 可以编辑网页上的内容
- php生成table表格
function getTable($arrTh, $arrTr){ $s = '<table class="tbData">'; $s .= '<tr>' ...
- bat命令中的变量声明及使用
在bat文件中声明变量的方式如下: set xxx_variant_name=yyyyyyyyyyyy move D:\abc\efg\test.txt %xxx_variant_name%\test ...
- php批量上传图片并把图片名放入数据库
前几天工作中要做这样一个功能,有八百多个系统 生成的会员:给这八百多个系统会员上传图片:然后把图片名放入数据库. 第一步: 第一步肯定是首先把图片上传到对应的图片目录下,直接用框架中已经有的上传类: ...
- 真正的手机破解wifi密码，aircrack-ng,reaver,仅限mx2（BCM4330芯片）
仅限mx2(BCM4330芯片),mx可能有戏没测试(BCM4329?),mx3不行. PS:原生安卓应用,非虚拟机 reaver,不知道是啥的看这里http://tieba.baidu.com/p/ ...
- 转：A10/A20 Bootloader加载过程分析
来自:http://blog.csdn.net/allen6268198/article/details/12905425 A10/A20 Bootloader加载过程分析 注:由于全志A10和A20 ...
- ionic ion-list 滑到底部自动加载数据案例
<ion-content> <ion-list> <ion-item ng-repeat="item in items track by $index" ...
- 通过Shell和Redis来实现集群业务中日志的实时收集分析
http://www.linuxidc.com/Linux/2013-05/83935.htm
- JAVA接口示例
总感觉有点虚,但慢慢找到感觉了.将对象放进数组里,这就比较深入了. interface drawTest{ public void draw(); public void doAnyThing(); ...
- 51单片机C语言学习笔记3： 存储器结构
MCS-51单片机在物理结构上有四个存储空间: 1.片内程序存储器2.片外程序存储器3.片内数据存储器4.片外数据存储器 但在逻辑上,即从用户的角度上,8051单片机有三个存储空间: 1.片内外统一编 ...