第一步：下载安装官方  ASP.NET Ajax Framework

微软不久前发布了.Net 2.0 Ajax framework(以前叫  Atlas)。你可以到http://ajax.asp.net/上去下载

第二步：下载并安装  ajax control toolkit

该工具包含系列  community developed controls  控件，它们对现有的控件进行了扩展(绝大部分为客户端).下载的为一个  zip  压缩文件，其包含了一个  showcase website， 里面的交互页面可以处理不同的控件，下载地址为http://ajax.asp.net/ajaxtoolkit/

第三步：向  web.config  添加  Ajax  条目

这一步稍微有点麻烦，在使用Ajax特性之前我们必须向  web.config  添加一些条目。我发现最容易的方法是使用  web.config  的一个模板，再向其添加应用程序必需的设置.要获得  web.config  的模板，你可以导航到  ASP.NET Ajax Framework  的安装目录(就我的机器而言，它在  C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025文件夹里)，将里面的  web.config  做为你的模板.另外，如果你是构建一个全新的网站，你可以运用  ASP.NET Ajax-Enabled Web Site  模板来创建.它将自动向  web.config  添加必需的设置.

第四步:向你的  web site  添加一个  AjaxControlToolkit.dll  的引用

1.在工具箱里单击右键选“Add Tab”创建一个新的选项卡，命名为‘Ajax Toolkit’

2.在'Ajax Toolkit'里右键单击，选'Choose Items …'项

3.导航到你下载的  Ajax Control Toolkit  的解压缩文件的  SampleWebSite\bin  目录下，选择AjaxControlToolkit.dll  文件.

第五步：添加  GridView  控件

现在你只需要添加一个  GridView  控件，在我们的案例里我们只有一个单一的页面，调用northwind  数据库来查看  Order  信息.

第六步：向页面添加  Ajax.NET components

Ajax framework  需要所有使用  Ajax  的页面都包含一个  ScriptManager  控件，从工具箱里将其拖到页面上.

最后，局部页面绘制(也就是  GridView  控件里的数据不用通过整体页面进行绘制)。在开始局部页面绘制前，Ajax framework  需要知道2条信息：

1.页面的哪部分需要局部绘制(比如我们的  GridView  控件)
2.导致该部分再绘制的事件

我们将你要刷新的内容放置在  UpdatePanel  控件的  ContentTemplate  里，我们也要告知UpdatePanel  什么触发了刷新.在我们的例子里，点击  btnFindOrder  将导致  GridView  重新绘制，所以我们要告知  UpdatePanel，当  btnFindOrder  的‘Click’服务器端事件触发时，将导致  GridView  重新绘制.

第七步：Add an animation extender

现在已经可以了，但是如果使用  UpdatePanelAnimationExtender  的话会更好.上述方法有个问题，当后台向服务器检索  Order  信息时，用户无法知道发生了什么事。在某些时候这没有问题，但如果操作时间比较长，超过几秒钟的时间话，我们最后给用户某些视觉方面的提示，正在发生什么事情.(你运行本例子时，可在  BtnFindOrders_Click  事件里调用  Thread.Sleep  方法试试看).

我们可以使用  AjaxControlToolkit  提供的  UpdatePanelAnimationExtender 来解决这个问题.我们设置它做如下的事情：

1.当操作进行时使  btnFindOrder  按钮失效

2.当查询进行时使  GridView  控件“淡出”(Fade out)

为此，我们要：

1.将  UpdatePanelAnimatorExtender  控件拖到页面

2.将其  TargetControlID  设置为我们稍早创建的  UpdatePanel  控件的  ID  值(本例为udpOrderDetails)，

就这样，你的页面现在便实现  ajax  了