關於 Ajax 在ASP.NET 中應用的小例子

Ajax：AJAX即“Asynchronous JavaScript and XML”（非同步JavaScript和XML)，AJAX並非縮寫詞，而是由Jesse James Gaiiett創造的名詞，是指一種建立互動式網頁應用的網頁開發技術。

Ajax的在 Visual studio 2008中幾個常用控制項：

scriptManager控制項：負責管理Page中的Ajax伺服器控制項，是Ajax的核心控制項。

UpdatePanel控制項：實現非同步更新的容器的，使不能非同步更新的伺服器控制項實現Ajax的功能。

Timer控制項：Timer就是計時器，但是Timer在ASP.net中不僅定時困難而且很耗費資源。

組件介紹完了下面就開始貼代碼：

前台的Html代碼，伺服器端控制項

Html代碼

1. <form id="form1" runat="server">  
2.        
3.   <asp:ScriptManager ID="ScriptManager1" runat="server">  
4.   </asp:ScriptManager>  
5.   <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick">  
6.   </asp:Timer>  
7.   <div>  
8.   <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
9.   <Triggers>  
10.   <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"/>  
11.   </Triggers>  
12.   <ContentTemplate>  
13.   <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>  
14.   </ContentTemplate>  
15.   </asp:UpdatePanel>  
16.   </div>  
17.   </form>  

<form id="form1" runat="server"></p><p> <asp:ScriptManager ID="ScriptManager1" runat="server"><br /> </asp:ScriptManager><br /> <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick"><br /> </asp:Timer><br /> <div><br /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"><br /> <Triggers><br /> <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick"/><br /> </Triggers><br /> <ContentTemplate><br /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /> </ContentTemplate><br /> </asp:UpdatePanel><br /> </div><br /> </form>後台C#代碼

Csharp代碼

1. protected void Page_Load(object sender, EventArgs e)   
2.  {   
3.  databing();   
4.  }   
5.  protected void Timer1_Tick(object sender, EventArgs e)   
6.  {   
7.  Timer1.Interval = 5000;      
8.  }   
9.  private void databing()   
10.  {   
11.  Label1.Text = DateTime.Now.ToString();   
12.  }  

protected void Page_Load(object sender, EventArgs e)<br /> {<br /> databing();<br /> }<br /> protected void Timer1_Tick(object sender, EventArgs e)<br /> {<br /> Timer1.Interval = 5000;<br /> }<br /> private void databing()<br /> {<br /> Label1.Text = DateTime.Now.ToString();<br /> }
實現5秒鐘動態更新頁面，由於開銷比較大，不一定剛開始運行就能實現

Timer1.Interval=5000

這裡的值是毫秒數，1秒=1000毫秒