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.push("200");CallMethod(assemblyName,"Add",argus.push("200");CallMethod(assemblyName,"Add",argus.push("200");CallMethod(assemblyName,"Add",argus.push("200");CallMethod(assemblyName,"Add",argus.push("200");CallMethod(assemblyName,"Add",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);
}