1,Ajax是什么

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

Ajax处理过程

一个Ajax交互从一个称为XMLHttpRequestJavaScript对象开始。如同名字所暗示的,它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法(GETPOST)来处理请求,并将目标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、事件调用方式都封装在2Javascript文件中(AjaxPro.prototype.js AjaxPro.core.js),同时将这2个重要文件以资源的形式编译于dll中,在处理客户端请求其自定义的.ashx文件时,返回这两个文件。所以我们在使用Ajax.net时需要在Web.config中添加如下httpHandlersAjaxPro.AjaxHandlerFactory来处理.ashx文件:

<httpHandlers>

<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>

</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.dlldotnet1.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:在客户端调用方法:

<script type="text/javascript">

function getMd5(a)

{

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

alert(c.value);

}

</script>

<input type="text" id="source" name="source" >

<input type="button" name="sub" οnclick="getMd5()" value="提交">

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

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

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

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

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

<script type="text/javascript" src="/TAjax/ajaxpro/prototype.ashx"></script>

<script type="text/javascript" src="/TAjax/ajaxpro/core.ashx"></script>

<script type="text/javascript" src="/TAjax/ajaxpro/converter.ashx"></script>

<script type="text/javascript" src="/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx"></script>

前面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如下:

<iframe name="include" marginwidth=0 marginheight=0 src="include.htm" frameborder=0></iframe>

同样,修改调用为

<script type="text/javascript">

function getMd5(a)

{

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

alert(c.value);

}

</script>

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

AjaxPro是Ajax.Net的后续!

AjaxPro Ajax.Net相关推荐

  1. ajaxpro 使用

    ajaxpro 使用 使用AjaxPro实现ajax效果- chy710's Tech Space - 博客园 - [ Translate this page ] 2007年4月18日 ... 在上一 ...

  2. 转 ajax.dll 与 ajaxpro.dll的用法

    转 ajax.dll 与 ajaxpro.dll的用法 文章分类:.net编程 ASP.NET AjaxPro的应用 1.首先下载AjaxPro组件.并将AjaxPro.dll引用到网站(或项目). ...

  3. 转 ajax.dll 与 ajaxpro.dll的用法

    ASP.NET AjaxPro的应用 1.首先下载AjaxPro组件.并将AjaxPro.dll引用到网站(或项目). 2.修改Web.config.在 <system.web> 元素中添 ...

  4. AjaxPro的AJAX示例

    前几天突然发觉项目中的一些功能用AJAX来实现会提升运行速度和稳定性,因此了解了一下AJAX,从网络上找了一个例子,形成了我的一个Project,并且调试通过,现共享给大家,由于对AJAX不怎么了解, ...

  5. ajaxpro安装和使用---有人说ajaxpro是ajax的替代品

    引用:http://gujianxin.cnblogs.com/archive/2006/04/19/379182.html.其中有备注的地方.均为本人在实验中的扩展 1. Ajax.net 做为Aj ...

  6. ASP.Net中实现Ajax的几种实现方法之AjaxPro的使用(一) [AjaxPro.AjaxMethod]

    原文地址 1.什么是Ajax Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写."Ajax"这个名词的发明人是 ...

  7. ajax异步超时,AjaxPro实现异步调用,解决浏览器假死及超时问题(示例代码)

    平时使用AjaxPro的时候基本上非常easy var msg = UseClass.Method(argument).value; 由于后台响应比較慢,所以加了个"loading" ...

  8. ajax 辅助方法区别,jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法

    在某项目中,设计模板字段引擎,采用html+jquery实现,这里的数据就难免需要ajax获取,但是团队对于js掌握不一,所以我写了下面辅助类,可以像ajaxpro一样简化ajax的开发. 代码-jQ ...

  9. AJAX使用总结(Ajaxpro框架)

    AJAX使用总结(Ajaxpro框架) 1.AJAX的异步调用产生的强烈UI体验,是否也曾令你惊叹,我也是用的不亦乐乎.AJAX调用经常会用在客户端前台从服务器端得到信息的一种手段,常常我们会连续多次 ...

最新文章

  1. 用好VS2010扩展管理器
  2. 腾讯的模板引擎---artTemplate
  3. basepath的作用 (转)
  4. Python 打印嵌套list中每个数据(遍历列表)
  5. android udp获取ip,安卓开发 局域网UDP获取服务器Ip地址
  6. ffmpeg 中添加264支持
  7. 架构之路(五):忘记数据库
  8. pandas函数速查手册(高清版)PDF
  9. mysql怎么下载_mysql下载安装使用教程
  10. 思科模拟器5506防火墙配置_企业办公网络配置不求人之三——端口映射
  11. 计算机访问周期,访问周期最短的存储器是
  12. H G W S哪一个不是状态函数_复变函数学习笔记(13)——单位圆盘上的自同构群(用了近世代数)...
  13. 基于Java的飞机大战的课程设计与实现
  14. html合并单元格和其中的数据,巧妙提取合并单元格及对应单元格数据
  15. 外贸邮箱,公司邮箱都什么格式?公司邮箱如何管理?
  16. 2022最新HTML生成国庆头像网页源码+打开即用
  17. Juniper交换机收集日志
  18. Java基础之 Scanner 扫描器
  19. Sql Server 指定日期所在周的第一天和最后一天
  20. 2023美国大学生数学建模竞赛(美赛)思路代码

热门文章

  1. mm_struct(内存描述符)
  2. Linux Shell 打开软件时最小化窗口
  3. 【图基础】最佳入门课程:图卷积神经网络(中科院 计算所 沈华伟)
  4. java 生成UUID字符串工具类 UUIDUtil
  5. ReferenceError: xxx is not defined
  6. PHP单例模式 构造方法
  7. 【图神经网络】图数据和图数据相关任务
  8. python 发送邮件535, 'Error: authentication failed' 解决
  9. Java 图片处理 给原有图片填充颜色满足需求大小 背景透明
  10. crontab 简明教程