网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 手机学院 | 邮件系统 | 网络安全 | 认证考试
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网络编程 > Ajax教程
Tag:注入,存储过程,分页,安全,优化,xmlhttp,fso,jmail,application,session,防盗链,stream,无组件,组件,md5,乱码,缓存,加密,验证码,算法,cookies,ubb,正则表达式,水印,索引,日志,压缩,base64,url重写,上传,控件,Web.config,JDBC,函数,内存,PDF,迁移,结构,破解,编译,配置,进程,分词,IIS,Apache,Tomcat,phpmyadmin,Gzip,触发器,socket
网络编程:ASP教程,ASP.NET教程,PHP教程,JSP教程,C#教程,数据库,XML教程,Ajax,Java,Perl,Shell,VB教程,Delphi,C/C++教程,软件工程,J2EE/J2ME,移动开发
本月文章推荐
.Ajax简单客户登陆验证 .
.初步了解 ASP.NET AJAX 扩展.
.ASP.NET AJAX Beta2 调用本地Web.
.如何在ASP.Net Ajax中调用WebSer.
.基于PHP和AJAX创建RSS聚合器.
.Ajax跨域问题的一些解决方法.
.Google AJAX Language API开发者.
.通过PHP和Sajax使用Ajax之JavaSc.
.利用Ajax技术写一个迷你留言板WE.
.利用JQuery方便实现基于Ajax的数.
.Ajax程序设计入门.
.ASP.NET AJAX中的非同步PageMeth.
.ajax的server部分(php版).
.Ajax优于JSF的原因.
.XMLHTTPRequest的属性和方法简介.
.使用jQuery简化Ajax开发—Ajax开.
.漫谈Ajax在.Net中的使用.
.Ajax 框架ZK 2.2 发布.
.ASP.NET AJAX 客户端生命周期事件.
.Asp.net Ajax 中的脚本错误: Sys.

详解如何实现最基本的AJAX框架

发表日期:2008-8-19

Asp.Net 2.0自带的客户端回调

Asp.Net 2.0已经发布。2.0有了许多新特性,客户端回调就是其中之一。客户端回调允许我们不经过回发而调用服务器端的方法,与AJAX提供的功能是一致的,但是不如AJAX灵活,AJAX可以自定义调用的方法,2.0自带的回调功能却不行。要使用客户端回调功能必须实现 system.Web.UI.IcallbackEventHandler接口。

这个接口包含两个方法

//客户端回调时固定调用此方法
public void RaiseCallbackEvent(String eventArgument)
//执行完RaiseCallbackEvent后将调用此方法。此方法的返回值将被发回客户端
public string GetCallbackResult()
例:
.cs:
String cbReference = Page.ClientScript.GetCallbackEventReference(
this,"arg", "ReceiveServerData", "context");
String callbackScript;
callbackScript = "function CallServer(arg, context)" + "{ " + cbReference + "} ;";
Page.ClientScript.RegisterClientScriptBlock(
this.GetType(),"CallServer", callbackScript, true);
javascript:
      

AJAX介绍

AJAX并不是一种新的技术,而是一些已有技术的有机结合,主要包括:XmlHttp、Reflect。一个AJAX框架基本上包括:一个自定义的HttpHandler、一段JavaScript代码。

AJAX运行机制

以前我们使用XmlHttp实现无刷新页面的时候,是用XmlHttp来请求一个隐藏的页面,使用(Asp/Asp.Net)自带的 HttpHandler,而在AJAX中,我们请求的也是一个隐藏的页面,不同的是这个页面的HttpHandler是由我们自己来实现。

打造自己的AJAX:

1.首先我们要实现一个Http处理程序(HttpHandler)来响应客户端的请求:

实现自定义的HttpHandler需要实现IHttpHandler接口。

该接口包含一个属性和一个方法:

  bool IHttpHandler.IsReusable
void IHttpHandler.ProcessRequest(HttpContext context)
Example:
bool IHttpHandler.IsReusable
{
get { return true; }
}
void IHttpHandler.ProcessRequest(HttpContext context)
{
context.Response.Clear(); //获取要调用的方法
string methodName = context.Request.QueryString["me"];
//获取程序集信息。
//Czhenq.AJAX.Class1.Dencode是自定义的字符串编码方法
string AssemblyName = Czhenq.AJAX.Class1.Dencode(context.Request.QueryString["as"]);
//获取方法的参数
string Arguments = context.Request.QueryString["ar"]; //开始调用方法
Type type = Type.GetType(AssemblyName);
MethodInfo method = type.GetMethod(methodName,
BindingFlags.NonPublic | BindingFlags.Public | BindingFlags.Static | BindingFlags.Instance);
if (method != null)
{
//参数使用","分隔
string[] args = Arguments.Split(",".ToCharArray());
ParameterInfo[] paras = method.GetParameters();
object[] argument = new object[paras.Length];
for (int i = 0; i < argument.Length; i++)
{
if (i < args.Length) {
//因为XmlHttp传递过来的参数全部时String类型,所以必须进行转换
//这里只将参数转换为Int32,并不做其他考虑。
argument[i] = Convert.ToInt32(args[i]);
}
}
object value = method.Invoke(Activator.CreateInstance(type, true), argument);
if (value != null) context.Response.Write(value.ToString());
else context.Response.Write("error");
}
//处理结束
context.Response.End();
 

 

欢迎进入.NET社区论坛,与200万技术人员互动交流 >>进入

2. 客户端Javascript代码:

function CallMethod(AssemblyName,MethodName,Argus)
{
var args = "";
for(var i=0;i
args += Argus[i] + ",";
if(args.length>0) args = args.substr(0,args.length-1);
var xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
url = "AJAX/AJAX.czhenq?as=" + AssemblyName + "&me=" + MethodName +"&ar="+ args;
xmlhttp.open("POST",url,false);
xmlhttp.send();
alert(xmlhttp.responseText);
}
      


3.一个简单的AJAX框架已经实现。现在写段代码来测试.

使用自己的AJAX

1.新建一个网站,并应用刚才你编写的HttpHandler。并在网站的Web.config中注册你的HttpHandler,说明那些请求将使用你编写的Handler来处理。下面的内容说明:所有以"czq"结尾的请求,都将使用"Czhenq.HttpHandlerFactory" 来处理。

type="Czhenq.HttpHandlerFactory, Czhenq.AJAX"/>

2.添加一个web页面,将刚才的脚本拷贝到页面中,并添加一个你要调用的方法。

private string Add(int i, int j)
{
return TextBox1.Text;
}
      


3.在页面中放置一个HiddenField控件,命名为AssemblyName。 并在Page_Load中添加如下代码:

string assemblyName = Czhenq.AJAX.Class1.Encode(
typeof(_Default).AssemblyQualifiedName);
AssemblyName.Value = assemblyName;
         var assemblyName = document.getElementById("AssemblyName"); var argus = new Array();argus.push("100");argus.push("200");CallMethod(assemblyName,"Add",argus)


总结 AJAX并不是一种新的技术,它只是一些已有技术的有机结合,我们可以将AJAX简单的理解为:AjAx是对JavaScript调用XmlHttp的封装,它改变的是代码书写方式。

附 Encode 与 Dencode实现:

  public static string Encode(string value)
{
byte[] bytes = ASCIIEncoding.ASCII.GetBytes(value);
return Convert.ToBase64String(bytes);
}
public static string Dencode(string value)
{
byte[] bytes = Convert.FromBase64String(value);
return ASCIIEncoding.ASCII.GetString(bytes);
}

上一篇:处理Asp.net Ajax框架12029,12007错误 人气:1987
下一篇:[四天学会ajax]学习ajax教程第一天 人气:3711
浏览全部AJAX的内容 Dreamweaver插件下载 网页广告代码 2009年新年快乐