Ajax简介及几种常见框架的使用说明

一、Ajax简介

1、什么是Ajax  

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

2、使用Ajax的优点

1）减轻服务器的负担。Ajax的原则是"按需取数据"，可以最大程度地减少冗余请求，减轻服务器的负担。

2）无需刷新页面，减少用户心理和实际的等待时间。特别是在读取大量数据时，不会像刷新页面那样出现白屏的情况，Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应，在不重新载入整个页面的情况下，用JavaScript操作DOM更新页面。因此在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（有些框架会自带一个"loading"的提示框让用户知道目前正在读取数据），只有在数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。

3）带来更好的用户体验。

4）可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器负担，充分利用带宽资源，节约空间和宽带租用成本。

5）可以调用外部数据。

6）基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

7）进一步促进页面呈现与数据的分离。

3、Ajax应用场景

场景１：数据验证

场景２：按需取数据

场景３：自动更新页面

4、Ajax开发框架（本人觉得常用的用加粗注明）

1）JQuery

2）Ext

3）YUI

4）Qooxdoo

5）DWR(Direct Web Remoting）

6）AjaxPro

7）Magicajax

8）Anthem.NET

9）VS2008自带的AJAX Extensions控件

二、常见框架使用说明

1、AjaxPro

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

1)、添加AjaxPro.2.Dll引用（.NET1.X中则是AjaxPro.Dll）；

2)、配置web.config

<httpHandlers>

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

</httpHandlers>

3)添加服务端方法,在Page_Load方法体内加上 AjaxPro.Utility.RegisterTypeForAjax(typeof(所在类的类名)); 然后像写C#方法一样写具体的需要局部刷新的方法（注意该方法前一定得加上[Ajax.AjaxMethod]标识，这样才能够被客户端访问)

4)添加前台代码，在前台添加JS脚本，调用服务器端方法

2、Magicajax

Magicajax以最简单的方式整合Ajax功能到页面中，不需要修改ASP.NET控件，也不需要编写新的控件，更不需要编写JavaScript。使用步骤如下：

1)引用MagicAjax.dll

2)需无刷新区域加入AjaxPanel，并在页面头部加上

<%@ Register Assembly="MagicAjax" NameSpace="MagicAjax.UI.Controls" TagPrefix="ajax"%>

3)在web.config中添加

<httpModules>

<add name="MagicAjaxModule" type="MagicAjax.MagicAjaxModule,MagicAjax"/>

</httpModules>

<pages enableEventValidation="false"></pages>

3、VS2008自带的AJAX Extensions控件

在vs2008开发中，有个AJAX Extensions，这使得使用Ajax技术更为方便，只需把需要刷新的区域用该控件包起来就可以了。