感受ASP.NET AJAX (学习手记)一

下载安装请参考http://ajax.asp.net/说明 

新建 ASP.NET AJAX-Enabled Web Site 站点
ScriptManager：由名字来看：脚本管理者用来处理页面上的所有组件以及页面局部更新的交互，老大！一个页面只能一个，新建也面拖一个近来
ScriptManagerProxy：老大的助手，提老大中转处理一些内容，还不太了解，暂时不用。
UpdatePanel：更新区，要变换的内容放到这
UpdateProgress：更新进度条
Timer：定时期。
全了

看几个例子

 defa

<% ... @ 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" >
         < h3 > ASP.NET AJAX Control TEST </ h3 >  
         < br  />
        页面生成时间 <% = DateTime.Now.ToString()  %> < br  />
         < asp:ScriptManager  ID ="ScriptManager1"  runat ="server"   />
         < hr  />
         < div >
             < asp:UpdatePanel  ID ="UpdatePanel1"  runat ="server" >
                 < ContentTemplate >< asp:Label  ID ="lblShow"  runat ="server"  Text ="一个简单的小示例" ></ asp:Label >
                     &nbsp; < asp:DropDownList  ID ="DropDownList1"  runat ="server"  OnSelectedIndexChanged ="DropDownList1_SelectedIndexChanged"  AutoPostBack ="True" >
                 < asp:ListItem > HelloAJax </ asp:ListItem >
                 < asp:ListItem > ASP.NET </ asp:ListItem >
             </ asp:DropDownList >
                    
                 </ ContentTemplate >
             </ asp:UpdatePanel >
             < hr  />
             &nbsp;
             < asp:UpdatePanel  ID ="UpdatePanel2"  UpdateMode =Always  runat ="server" >
                 < ContentTemplate >
                     < asp:Literal  ID ="lt"  runat ="server"  Text ="这里是一个ProGress" ></ asp:Literal >
                     < asp:Button  ID ="Button1"  runat ="server"  OnClick ="Button1_Click"  Text ="Button"   /> &nbsp;&nbsp;
                     < asp:UpdateProgress  ID ="UpdateProgress1"  runat ="server" >
                         < ProgressTemplate >
                            处理中....
                         </ ProgressTemplate >
                     </ asp:UpdateProgress >
                     &nbsp;
                     < hr  />
                     &nbsp;
                     < asp:UpdatePanel  ID ="UpdatePanel3"  runat ="server" >
                         < ContentTemplate >
                             < asp:Literal  ID ="lt2"  runat ="server"  Text ="这里是更新区的嵌套" ></ asp:Literal >
                             < asp:Button  ID ="Button2"  runat ="server"  Text ="Button"  OnClick ="Button2_Click"   />
                         </ ContentTemplate >
                     </ asp:UpdatePanel >
                     &nbsp;   &nbsp;
                 </ ContentTemplate >
             </ asp:UpdatePanel >
             < hr  />
             < br  />
             < asp:UpdatePanel  ID ="UpdatePanel4"  runat ="server" >
                 < ContentTemplate >
                     < asp:Timer  ID ="Timer1"  runat ="server"  Interval ="6000"  OnTick ="Timer1_Tick" >
                     </ asp:Timer >
                     < asp:Label  ID ="lbTime"  runat ="server"  Text ="这是一个定时更新" ></ asp:Label >
                 </ ContentTemplate >
             </ asp:UpdatePanel >
                     < asp:UpdatePanel  ID ="UpdatePanel5"  runat ="server" >
                         < ContentTemplate >
                            外部的定时更新 < asp:Label  ID ="Label1"  runat ="server"  Text ="Label" ></ asp:Label >
                         </ ContentTemplate >
                     </ asp:UpdatePanel >
         </ div >
     </ form >
</ body >
</ html >

 

default.aspx.cs

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;

public   partial   class  _Default : System.Web.UI.Page 
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{

    }
    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
    ...{
       lblShow.Text= DropDownList1.SelectedValue;
    }
    protected void Button1_Click(object sender, EventArgs e)
    ...{
        System.Threading.Thread.Sleep(4000);
        lt.Text = DateTime.Now.ToString();
    }
    protected void Button2_Click(object sender, EventArgs e)
    ...{
        lt2.Text = DateTime.Now.ToString();
    }
    protected void Timer1_Tick(object sender, EventArgs e)
    ...{
        lbTime.Text = DateTime.Now.ToString();
        Label1.Text = DateTime.Now.ToString();
    }
}

 

呵呵，感觉还真错，简单的拖放，就能实现很好的功能。
继续...

更多请参考

http://ajax.asp.net/
http://www.cnblogs.com/Terrylee/archive/2006/11/12/ASPNET_AJAX_QuickStarts.html