查看完整版本: 详解如何实现最基本的AJAX框架(1)

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

环境：Window Xp sp2   .Net FramwWork 2.0.50727。

[b]Asp.Net 2.0自带的客户端回调[/b]

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代码。

[b]AJAX运行机制[/b]

以前我们使用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();

}

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   "