Microsoft ASP.NET AJAX 請(qǐng)到www.asp.net下載 ASP.NET AJAX 1.0 RC，并安裝。
打開.net 2005 新建網(wǎng)站，選擇ASP.NET AJAX-Enabled Web Site ，然后填入網(wǎng)站所在的目錄，點(diǎn)擊確定,如下圖所示：
打開解決方案資源管理器，雙擊Default.aspx,在設(shè)計(jì)視圖中打開該頁(yè)面。在此頁(yè)面中，已經(jīng)默認(rèn)添加了一個(gè)ScriptManager控件。
打開工具箱，展開AJAX Extenstions，雙擊UpdatePanel，向頁(yè)面添加一個(gè)UpdatePanel控件。從工具箱中拖入一個(gè)標(biāo)簽，和一個(gè)按鈕，為按鈕添加點(diǎn)擊事件。在按鈕的事件中，為了演示AJAX的無刷新特性，不做太多的處理，只添加一個(gè)線程延時(shí)操作，用標(biāo)簽控件顯示當(dāng)前時(shí)間，具體代碼入下：
protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000);
abel1.Text = DateTime.Now.ToString();
}
最后，展開AJAX Extenstions，向頁(yè)面添加UpdateProgress控件。向控件中添加按鈕單擊等待過程中所提示的信息。將屬性AssociatedUpdatePanelID設(shè)置成UpdatePanel1，最后的頁(yè)面代碼如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<asp:Button ID="Button1" runat="server" Text="體驗(yàn)無刷新" OnClick="Button1_Click" />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
任務(wù)正在執(zhí)行，請(qǐng)等待......
</ProgressTemplate>
</asp:UpdateProgress>
</div>
</form>
</body>
</html>
保存并運(yùn)行程序，當(dāng)點(diǎn)擊按鈕的時(shí)候頁(yè)面出現(xiàn)等待提示，當(dāng)頁(yè)面中的日期被刷新后，提示會(huì)自動(dòng)消失。注意在此過程中，頁(yè)面并沒有感覺到刷新（注意IE的后退按鈕）。運(yùn)行效果如下圖：
點(diǎn)擊按鈕后的效果
執(zhí)行完畢后的效果
相關(guān)代碼下載：upload/2007_01/07011911122051.rar