Ajax框架有基于服务器端和客户端两种,多数是开源实现,并且发展速度很快 。以下介绍服务器端框架。
SAJAX (2005年3月)
SAJAX的实现方式很独特,例如:调用一个javascript方法x_calculateBudget(),将先把响应传到服务器并调用一个Java calculateBudget()方法,然后以javascript方式把值返回到x_calculateBudget_cb()中。SAJAX的名气不错,估计很多人都听过甚至用过,不过缺点就是它的这套映射理论感觉较繁锁,远不如一些轻量级的封装库好用,不过SAJAX最大的特点就是支持的平台丰富,几乎囊括了WEB下常用的编程语言和平台
- 很方便从JavaScript函数映射到服务端代理操作
- 支持多种平台(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)
- 开源协议
JAVA平台下的框架:Direct Web Remoting (DWR) (2005)
Direct Web Remoting可以在Javascript代码中直接调用Java方法的应用框架
- 类似于SAJAX,可以把Javascript中的请求调用转递到Java方法中并将执行结果返回给Javascript
- 可以和任何Web框架一起使用,如Struts、Tapestry等等
- 开源(Apache),目前该产品被加入到WebWork中
- 使用DWR需要一些额外的配置,如编辑Web应用的描述文件,编辑DWR的配置文件,来指定可以远程创建和调用的类,从这种方式可以看出其中存在一些安全隐患,但是,由于DWR支持常用的Struts/WebWork/Tapestry Web框架,在Apache协议下发布,加上丰富的文档资料,使得DWR在Java领域非常流行。
介绍DWR的相关文章可以参考:
http://www.blogjava.net/mstar/category/2359.html
http://www.blogjava.net/zkjbeyond/category/11348.html
更多信息可以访问:http://getahead.ltd.uk/dwr/index 。
ASP.NET平台下的框架:
Ajax.NET (2005年3月)
Ajax.NET是首家支持各种方式通过Javascript访问服务端.net的免费库
- 类似于SAJAX,能把Javascript请求发送到.NET方法,服务端回传给Javascript,甚至包括串行化自定义类。
- 可以在Javascript中访问Session和Application数据
- 缓存查询结果
- 免费使用源代码
- 无需更改源代码,允许给Ajax.NET添加和修改方法和属性
- 所有类支持Javascript客户端返回数据,可以在JavaScript中使用DataSet:res.Tables[0].Rows
- 使用HtmlControls组件访问和返回数据
- 页面无需重载,用事件代理(数据访问层)
- 因为只提供一个调用接口方法,所以服务端CPU占用非常少
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文件:
1)添加AjaxPro.dll应用;
2)配置web.config;
3)写服务端方法,加[AjaxPro.AjaxMethod]申明;
4)在相应的CS文件中的PAGE_LOAD方法中注册客户端JS要调用AJAX方法,如
AjaxPro.Utility.RegisterTypeForAjax(typeof(类名));
5)客户端调用服务端方法;(ajaxpro最大的优点:客户端js中直接调用服务端方法)
1.在web.config中<system.web>与</system.web>之间插入以下代码
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
然后在Page_Load中注册此类
E:在客户端调用方法:
function getMd5()
{
var a = document.getElementById("source").value;
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="提交">
这样一个简单应用就算完成了