ASP.NET Ajax 1.0 初體驗 (安裝、試用)
ASP.NET Ajax還在測試階段時(當時的代號是Atlas)，小喵試用了MagicAjax.NET使用上感覺還蠻容易使用的。有興趣請參考這一篇(http://blog.blueshop.com.tw/topcat/archive/2006/07/06/31989.aspx)
現在官方的測試版本已經出來了，小喵覺得也是時候測試一下官方正式版本的威力了(下一個版本的VS將會內建在裡面唷!!)，所以就到官方往站下載了相關程式安裝並進行測試，有需要的請到官方網站下載(http://ajax.asp.net)
下載安裝上應該沒有什麼特別要注意的事項，很簡單的執行安裝完成即可。安裝完成後，在開啟新網站的時候，會發現有個項目【ASP.NET Ajax-Enabled web site】初體驗嘛，就從這個先開始。
開啟專案後，會看到Default.aspx的畫面中自動多了一【Script Manager】在畫面上，看一下Web.Config裡面則是多了許多的設定，暫時不研究這些東西是什麼，先來寫一下簡單的程式來測試一下Ajax的公用如何使用以及效果如何。
首先在畫面上安排一個TextBox與Button，然後雙擊Button寫一下CodeFile相關程式
<div>
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" /></div>
程式很簡單，就是Server端抓取時間並顯示在TextBox上，當然這樣的結果，使用起來會PostBack
接著就來測試一下Ajax的使用方式，首先先在工具列中找到【Ajax Extensions】的區塊，並且拉一個【UpdatePanel】進入畫面中(操作的時候最吼都切換到【設計】模式)，接著一樣，拉一個TextBox一個Button【放到到UpdatePanel】中，一樣雙擊Button切換到CodeFile撰寫相同的程式
<div>
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" /><br />
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<asp:Button ID="Button2" runat="server" Text="Button" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
然後開始執行看看，比較一下，包再UpdatePanel中的物件相同，後端程式一模一樣的狀況下，竟然就不會再PostBack了!!這個使用的方式跟MagicAjax.NET用法幾乎是一模一樣的，也就是說，不用改變撰寫ASP.NET的習慣與方式，只要把相關的控制項包在UpdatePanel之後，就可以輕鬆的達到Ajax的效果了。
另外再觀察一下工具箱中的另一個物件【UpdateProgress】，這個東西的功用是，當Ajax需要做比較久的運作時，您可以把想要顯示的訊息設定在裡面，那麼當Ajax開始運作到運作完成這段時間，就能夠出現您指定的訊息(這部分比MagicAjax.NET不容易更改的Loading...字樣好多了)
待續.....
以下是簽名：
- 歡迎轉貼本站的文章，不過請在貼文主旨上加上【轉貼】，並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】，感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫，如果您需要C#的Code，也許您可以試著用線上的工具進行轉換，這裡提供幾個參考
Microsoft MVP
Visual Studio and Development Technologies
(2005~2019/6) topcat
Blog:http://www.dotblogs.com.tw/topcat