框架实现ajax,如何 实现最基本的AJAX框架

如何

实现最基本的AJAX框架

2009-12-6 9:50:42   出处：https://www.yqdown.com

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;

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

}

分享到