創新源於理解 輕鬆打造自己的AJAX架構

本文實現的只是一個最基本的AJAX架構.雖然AJAX並不是什麼新技術,但是做為一個架構並不是一篇文章就能說明白的
　　本文實現的只是一個最基本的AJAX架構，雖然AJAX並不是什麼新技術，但是做為一個架構並不是一篇文章就能說明白的。寫這篇文章的目的:希望能協助初學者更好的學習、運用AJAX架構。

　　我始終相信只有你真正理解了一種技術，瞭解了技術本身,你才能更好、更靈活的使用它。一個程式員對技術的瞭解並不能僅僅停留在對技術的應用上。

　　環境：Window Xp sp2 + .Net FramwWork 2.0.50727。

　　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並不是一種新的技術，而是一些已有技術的有機結合，主要包括：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 = Convert.ToInt32(args);
　　　}
　　}
　　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

　　3.一個簡單的AJAX架構已經實現。現在寫段代碼來測試.

　　使用自己的AJAX:

　　1.建立一個網站，並應用剛才你編寫的HttpHandler。並在網站的Web.config中註冊你的HttpHandler,說明那些請求將使用你編寫的Handler來處理。下面的內容說明:所有以"czq"結尾的請求，都將使用"Czhenq.HttpHandlerFactory"來處理。

　　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;
　　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實現:

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);
}