DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> ASP.NET基本AJAX框架
ASP.NET基本AJAX框架
編輯:AJAX詳解     
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();

  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;

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

  }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved