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();
}
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"來處理。
Czhenq.AJAX" path="*.czq" verb="POST,GET" />
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);
}