AjaxPro下载|AjaxPro2.0使用说明

站长苏飞

AjaxPro|AjaxPro2.0使用说明

AjaxPro使用说明  

目录   

修改历史纪录   

1、什么是Ajax   

２、为什么使用Ajax   

３、Ajax应用场景   

４、Ajax开发框架   

5、AjaxPro说明   

6、AjaxPro实例说明   

添加AjaxPro.dll应用   

配置web.config        

1、什么是Ajax
Ajax是异步Javascript和XML(Asynchronous JavaScript and XML)的英文缩写。"Ajax"这个名词的发明人是Jesse James Garrett,而大力推广并且使Ajax技术炙手可热的是Google。Ajax的核心理念在于使用XMLHttpRequest对象发送异步请求。
２、为什么使用Ajax

•     减轻服务器的负担。Ajax的原则是"按需取数据"，可以最大程序地减少冗余请求，减轻服务器的负担。
•     无需刷新页面，减少用户心理和实际的等待时间。特别是在读取大量数据时，不会像刷新页面那样出现白屏的情况，Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应，在不重新载入整个页面的情况下，用Javascript操作ＤＯＭ更新页面。因此在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（也可以加入一个"loading"的提示框让用户知道目前正在读取的数据），只有在数据接收完毕之后才更新社会相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。
•     带来更好的用户体验
•     可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器负担，充分利用带宽资源，节约空间和宽带租用成本。
•     可以调用外部数据
•     基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
•     进一步促进页面呈现与数据的分离
  

３、Ajax应用场景场景１：数据验证
场景２：按需取数据
场景３：自动更新页面
４、Ajax开发框架

•     JQuery
•     Ext
•     YUI
•     Qooxdoo
•     DWR(Direct Web Remoting)
  

目前该产品被加入到WebWork中，开源(Apache)。可以在Javascript代码中直接调用java方法的应用框架，可以把Javascript中的请求调用转递到java方法中并将执行结果返回给Javascript。

•     AjaxPro
  

AjaxPro是首家支持以各种方式通过javascript访问服务端.net的免费库，类似于SAJAX。它能把Javascript请求发送到.NET方法，服务端传回给Javascript，甚至包括串行化自定义类。其主要特点如下：

可以在Javascript中访问Session和Application数据;

缓存查询结果

免费使用源代码

所有类支持Javascript客户端返回数据，可以在Javascript中使用DataSet

使用HtmlControls组件访问和返回数据

页面无需重载，用事件代理（数据访问层）

因为只提供一个调用接口方法，所以服务端CPU占用非常少。

•     Ｍagicajax   
  

Magicajax以最简单的方式将Ajax功能整合到页面中，不需要修改ASP.NET控件，也不需要编写新的控件，更不需要撰写JAVASCRIPT,它有如下的特性：

应用配置简单，易于上手；

只用一个AJAXPANEL就实现Ajax功能，只要把需要无刷的控件放进AJAXPANEL就可以了。

Ajax功能和普通的POSTBACK可以共存于一个WEBFORM,MAGICAJAX处理模块只处理包含在AJAXPANEL中的控件的CALLBACK动作。

VIEWSTATE的内容对于POSTBACK和CALLBACK来说，都是可见的，因此，无论是CALLBACK产生的VIEWSTATE,还是POSTBACK产生的，都是可见的；

提供一个类似POSTBACK的CALLBACK的事件模型

支持IE和Firefox

•     Anthem.NET
  

和传统的Ajax技术相比，Anthem.NET有以下优点：

不需要任何技术升级，以前不会使用Ajax技术的人员，按照以往的编程方式就可以实现异步交互；

支持asp.net 1.1和asp.net 2.0

5、AjaxPro说明

本文档将使用AjaxPro.Net框架实现Ajax功能：在客户端异步调用服务端方法。AjaxPro.Net是一个优秀的.net环境下的Ajax框架,用法很简单,可以查阅相关资料,本文档以一个简单的实例讲述使用AjaxPro的几个关键点，本例实现一个简单的功能，服务器端将页面中输入的数字加1后的结果返回给客户端（注意，必须有AjaxPro包，即AjaxPro.dll文件，可以在VSS上下载）。

6、AjaxPro实例说明添加AjaxPro.dll应用
我们只需要下载控件ajaxpro.2.dll就行了，
下载地址： AjaxPro.2.dll (144 KB, 下载次数: 21)

2012-11-9 10:10 上传

点击文件名下载附件
阅读权限: 10
下载完成之后我们首先是在我们的WEb程序里面添加引用。
如下

引用之后的Bin目录显示如下

接下来我们再配置一下WebConfig文件
[code=csharp]  <httpHandlers>
      <add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
      <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
    </httpHandlers>[/code]
然后就是我们如果想让JS端去调用那个方法的话需要在所在的aspx页面下做两步
第一步是在Load事件里注册一下这个类
[code=csharp] AjaxPro.Utility.RegisterTypeForAjax(typeof(当前类名));[/code]
当前类名如果有命名空间的话一定要加上哦
第二步就是写一个方法，
[code=csharp]  [AjaxMethod()]
    /// <summary>
    /// 检查用户名是否存在
    /// </summary>
    /// <param name="name">用户名</param>
    /// <returns>0存在，1不存在</returns>
    public int checkName(string name)
    {
           //具体实现就不写了
    ｝[/code]
这里最重要的是要加上这一句 [AjaxMethod()]
每一个需要让JS访问的方法都需要加上这样一句。
下面就是在JS里面访问了
[code=javascript]  var username = $.trim($("#txtusername").val());
        var result = Register.checkName(username);
        if (result) {
            //验证用户是否退出
            if (result.value == 1) {
                alert('恭喜您用户名' + username + '可以正常使用！！！');
            } else {
                alert('用户名' + username + '已存在，请选择其它用户名！！！');
            }
        }[/code]
好了这样就完成了，大家可以试试看