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

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

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

这个接口包含两个方法

1. //客户端回调时固定调用此方法
2. public void RaiseCallbackEvent(String eventArgument)
3. //执行完RaiseCallbackEvent后将调用此方法。此方法的返回值将被发回客户端
4. public string GetCallbackResult()
5. //例：
6. //.cs：
7. String cbReference = Page.ClientScript.GetCallbackEventReference(
8. this,"arg", "ReceiveServerData", "context");
9. String callbackScript;
10. callbackScript = "function CallServer(arg, context)" + "{ " + cbReference + "} ;";
11. Page.ClientScript.RegisterClientScriptBlock(
12. this.GetType(),"CallServer", callbackScript, true);
    

AJAX介绍

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

AJAX运行机制

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

打造自己的AJAX：

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

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

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

1. bool IHttpHandler.IsReusable
2. void IHttpHandler.ProcessRequest(HttpContext context)
3. Example:
4. bool IHttpHandler.IsReusable
5. {
6. get { return true; }
7. }
8. void IHttpHandler.ProcessRequest(HttpContext context)
9. {
10. context.Response.Clear(); //获取要调用的方法
11. string methodName = context.Request.QueryString["me"];
12. //获取程序集信息。
13. //Czhenq.AJAX.Class1.Dencode是自定义的字符串编码方法
14. string AssemblyName = Czhenq.AJAX.Class1.Dencode(context.Request.QueryString["as"]);
15. //获取方法的参数
16. string Arguments = context.Request.QueryString["ar"]; //开始调用方法
17. Type type = Type.GetType(AssemblyName);
18. MethodInfo method = type.GetMethod(methodName,
19. BindingFlags.NonPublic | BindingFlags.Public | BindingFlags.Static | BindingFlags.Instance);
20. if (method != null)
21. {
22. //参数使用","分隔
23. string[] args = Arguments.Split(",".ToCharArray());
24. ParameterInfo[] paras = method.GetParameters();
25. object[] argument = new object[paras.Length];
26. for (int i = 0; i < argument.Length; i++)
27. {
28. if (i < args.Length) {
29. //因为XmlHttp传递过来的参数全部时String类型，所以必须进行转换
30. //这里只将参数转换为Int32,并不做其他考虑。
31. argument[i] = Convert.ToInt32(args[i]);
32. }
33. }
34. object value = method.Invoke(Activator.CreateInstance(type, true), argument);
35. if (value != null) context.Response.Write(value.ToString());
36. else context.Response.Write("error");
37. }
38. //处理结束
39. context.Response.End();

2. 客户端Javascript代码：

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

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

使用自己的AJAX

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

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

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

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

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

1. string assemblyName = Czhenq.AJAX.Class1.Encode(
2. typeof(_Default).AssemblyQualifiedName);
3. AssemblyName.Value = assemblyName;
4.          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实现：

1. public static string Encode(string value)
2. {
3. byte[] bytes = ASCIIEncoding.ASCII.GetBytes(value);
4. return Convert.ToBase64String(bytes);
5. }
7. public static string Dencode(string value)
8. {
9. byte[] bytes = Convert.FromBase64String(value);
10. return ASCIIEncoding.ASCII.GetString(bytes);
11. }