1 How Do I 进入 ASP.NET AJAX 的世界

学 ASP.NET 已经有些时候了，也经常利用 AJAX TOOLKIT 所提供的控件为自己的项目增添功能和特效，AJAX 总能给用户非常良好的体验。
今天开始，我会陆陆续续把 ASP.NET AJAX 1.0 开发和部署方面的一些要点摘录下来，以便自己今后方便使用，并给 .net 初学者提供一些学习参考，文中有不正确的地方，希望各位批评指正。我的编程语言使用 C#，使用 VB.NET 的朋友相信也能看得懂。网上有许多在线翻译 C# 和 VB 代码的工具，不用我说知道怎么做了吧~

这里使用 Microsoft Visual Studio 2005 作为 Web 开发的平台，从微软官方下载 VS2005 以及 VS2005 SP1 进行安装。当然也可以使用 Visual Web Developer 2005 Express Edition 进行开发。
首先从 ASP.NET AJAX 官方网站http://www.asp.net/ajax/下载最新的 Framework。
安装 AJAX.NET Extensions v1.0，很简单，按提示操作即可。
启动 VS，新建网站，选择 ASP.NET AJAX Enabled Web Site。

接下来做个简单的演示功能：
打开 Default.aspx 的设计器视图，从工具箱拖入一个 ScriptManager 控件到界面，这是任何一个 ASP.NET AJAX 网页所必需的，并且在放在所有其它控件的上面，它可以放在母板页，但也要保证在所有其它控件的最上面。
往设计器视图拖入三个 Label 控件和一个 Button 控件。在 Page_Load 事件中写入：

Label1.Text = DateTime.Now.ToString();
Label2.Text = DateTime.Now.ToString();
Label3.Text = DateTime.Now.ToString();

这时运行程序并点击按钮，三个 Label 都同时更新时间。
然后从工具箱拖入一个 UpdatePanel 到页面，把 Label2 和 Button1 移入 UpdatePanel 中，再运行一次，这时发现当点击按钮时只有 Label2 的内容是更新的，另外两个 Label 的值不变。这就是 UpdatePanel 的作用：局部更新。
这是一种方法，如果我们的界面设计必需把这个 Button1 放在 UpdatePanel 外面，而当点击按钮时只需更新 UpdatePanel 的内容时，可以这样做：
把 Button1 从 UpdatePanel 中移出到外面，转到“源”视图，在 asp:UpdatePanel 标签内部加入 Triggers 标签，再内建标签 asp:AsyncPostBackTrigger 代码如下：

<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
<br />
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>

运行，点按钮试试，是不是跟刚才一样的效果呢？