AjaxPro Ajax.Net

最新推荐文章于 2021-07-05 15:33:37 发布

Rogues

最新推荐文章于 2021-07-05 15:33:37 发布

阅读量1.7k

点赞数

文章标签： xmlhttprequest javascript ajax web应用开发 webform function

1，Ajax是什么

Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。

Ajax处理过程

一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的，它允许一个客户端脚本来执行HTTP请求，并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法（GET或POST）来处理请求，并将目标URL设置到XMLHttpRequest对象上。

现在，记住Ajax如何首先处于异步处理状态？当你发送HTTP请求，你不希望浏览器挂起并等待服务器的响应，取而代之的是，你希望通过页面继续响应用户的界面交互，并在服务器响应真正到达后处理它们。要完成它，你可以向XMLHttpRequest注册一个回调函数，并异步地派发XMLHttpRequest请求。控制权马上就被返回到浏览器，当服务器响应到达时，回调函数将会被调用。

在Java Web服务器上，到达的请求与任何其它HttpServletRequest一样。在解析请求参数后，servlet执行必需的应用逻辑，将响应序列化到XML中，并将它写回HttpServletResponse。

来自http://tech.ccidnet.com/art/297/20060220/432947_1.html

2，关于Ajax.net

Ajax.net 做为Ajax技术在dotNet 框架下的实现，作者Michael Schwarz采取了一种封装效果相当棒的技术：将客户端处理XML、事件调用方式都封装在2个Javascript文件中（AjaxPro.prototype.js 和AjaxPro.core.js），同时将这2个重要文件以资源的形式编译于dll中，在处理客户端请求其自定义的.ashx文件时，返回这两个文件。所以我们在使用Ajax.net时需要在Web.config中添加如下httpHandlers以AjaxPro.AjaxHandlerFactory来处理.ashx文件：

</httpHandlers>

在此基础上，Ajax.net开始对要求其处理的方法进行封装，以便在客户端通过Javascript来调用。首先在用户必须调用的另一个ashx文件即converter.ashx中做了方法的封装，当然要支持任意多数量的参数及返回值的处理，然后就是对于服务端的逻辑处理方法所在类的封装处理。

3，开始使用Ajax.net

说了这么多题外话，我们现在开始进入正题。

A：获取Ajax.net 可以到 http://www.schwarz-interactive.de/ 下载（目前最新版6.4.15.1.）。

B：解压zip并在需要使用的项目中添加对dll的引用（其中AjaxPro.dll为dotnet1.1版，AjaxPro.2.dll 为2.0版）

C：如同上面所说，在web.config中添加对ashx的处理

D：在服务端添加Ajax.net要处理的方法，假如我们要提供的服务是返回用户输入的字符的MD5校验码，那么我们首先要做的是给这个方法加入需要Ajax.net处理使客户端可以直接调用的属性[AjaxPro.AjaxMethod]如下：

[AjaxPro.AjaxMethod]

public string Md5Hash(string sSou)

{

string sResult ="";

byte[] byBuffer = System.Text.Encoding.UTF8 .GetBytes(sSou);

System.Security.Cryptography.MD5CryptoServiceProvider md = new System.Security.Cryptography.MD5CryptoServiceProvider();

byte[] result = md.ComputeHash(byBuffer);

for(int i=0; i< result.GetLength(0); i++)

{

sResult += result[i].ToString("X2");

}

return sResult;

}

然后在Page_Load中注册此类

private void Page_Load(object sender, System.EventArgs e)

{

AjaxPro.Utility.RegisterTypeForAjax

(typeof(WebForm1));

}
E：在客户端调用方法：

function getMd5(a)

{

var c = TAjax.WebForm1.Md5Hash(a);

alert(c.value);

}

</script>

当然这里Tajax.WebForm1就是实现类的全名了（包括namespace）.

这样一个简单应用就算完成了，怎么样，是不是简单的很？在这么简单的使用了Ajax.net后你是不是和我一样觉得不满足，好像还有一些工作可以做？对了，接下来我们将继续深度使用并实现无aspx文件的逻辑层和表现层的彻底分离。

4，应用Ajax.net在Asp.net中实现无aspx文件应用，彻底分离逻辑层和表现层

Asp.net中居然没有aspx文件，要如何实现呢？我不知道你想过没有，我反正觉得这是个艰巨的任务；因为aspx文件做为一个桥梁连接了前台和后台，一个runat=server为我们做了太多的事情，我们自己实现也不是完全不可以，不过费尽周折的意义可能并不大；说到意义——这样做的意义我想不用我说，大家自己想想吧，呵呵。闲话少絮。我们接着进入正题。

通过前面的描述，我想大家一定可以猜到关键点。对了，就是那几个js，我们启动程序，查看源文件，奥妙就在这里：

前面3个文件我就不在多说，前面已经说过，我们只看最后一个，那不正是Ajax.net对我们服务端类的封装吗？

addNamespace("TAjax");

TAjax.WebForm1_class = Class.create();

Object.extend(TAjax.WebForm1_class.prototype, Object.extend(new AjaxPro.AjaxClass(), {

Md5Hash: function(sSou) {

return this.invoke("Md5Hash", {"sSou":sSou}, this.Md5Hash.getArguments().slice(1));

initialize: function() {

this.url = '/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx';

}

}));

TAjax.WebForm1 = new TAjax.WebForm1_class();

既然原理明白了，分离就简单了，参照上一部份，我们的步骤从D开始改变

D：新建一个类Admin，将WebForm1.aspx.cs中的代码拿过来。

E：在客户端调用方法：

新建一个htm文件include.htm,将前述四行调用放在这里

新建一个htm文件test.htm,内容当然就是前面的客户端表示层。重要的一点就是要添加一个iframe如下：

同样，修改调用为

function getMd5(a)

{

var c = include.TAjax.Admin.Md5Hash(a);

alert(c.value);

}

</script>

扩展：如果多处调用而且调用方法较长，你当然可以再对应每个业务类做个js文件，将其中的调用放在一起。

AjaxPro是Ajax.Net的后续!

Rogues

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
AjaxPro Ajax.Net

1，Ajax是什么Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。 Ajax处理过程一个Ajax交互从一个称为XMLHttpRequest的JavaScr
复制链接

扫一扫