開發環境：VS2005+ASP.NET AJAX 1.0 RC
首先下載ASP.NET AJAX 1.0 RC安裝文件，完成安裝后即可進行我們的AJAX之旅了。
1.打開VS2005，點擊“新建”－“文件”－“網站”，選擇“ASP.NET-AJAX Enabled Web Site”模板，這個模板是我們安裝ASP.NET AJAX 1.0 RC后多出來的模板
![ajax<a]()
NET_01 src="/d/file/itjie/ASPNETjishu/2014-10-23/097d4fe50aa64fb2ae33f388de68f258.jpg" width=500>
2.可以看到左側工具箱多了一個AJAX Extensions，下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等幾個控件，右側的代碼視圖，可以看到form標簽中增加了一個ScriptManager控件的標簽
![ajax<a]()
NET_02 src="/d/file/itjie/ASPNETjishu/2014-10-23/8a1809d37c832cbb11d748565e154f8a.jpg" width=500>
3.從左側拖動一個UpdatePanel控件放在ScriptManager控件下面
![ajax<a]()
NET_03 src="/d/file/itjie/ASPNETjishu/2014-10-23/b75f7904eb4710e4715d5eae0526ad8a.png" width=494>
4.然后從工具箱中拖動一個GridView控件放在UpdatePanel控件中
![ajax<a]()
NET_04 src="/d/file/itjie/ASPNETjishu/2014-10-23/32f05a6ff219a7cc2ebdf28bb046f551.jpg" width=500>
5.在GirdView控件的任務菜單中，執行“選擇數據源”操作
![ajax<a]()
NET_05 src="/d/file/itjie/ASPNETjishu/2014-10-23/5d36c11cd698fa32d8c7abdb1c434d05.jpg" width=500>
6.選擇從“數據庫”獲取數據，在這里我們選擇SQL Server
![ajax<a]()
NET_06 src="/d/file/itjie/ASPNETjishu/2014-10-23/7437f4c00a56532f9d1a7a0339e71ad4.jpg" width=500>
7.輸入數據庫信息，選擇“Northwind”數據庫
![ajax<a]()
NET_07 src="/d/file/itjie/ASPNETjishu/2014-10-23/cebb3d7a0025a20c2357979f78a462b4.png" width=377>
8.把連接保存到程序配置文件中
![ajax<a]()
NET_08 src="/d/file/itjie/ASPNETjishu/2014-10-23/d16032c7f8285c0b3bedc317f2f0fe1e.jpg" width=500>
9.選擇“自定義SQL語句或存儲程序”來檢索數據
![ajax<a]()
NET_09 src="/d/file/itjie/ASPNETjishu/2014-10-23/bf1f319a693d87dc1ef8be07beb026c3.jpg" width=500>
10.輸入SQL語句：
SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers
![ajax<a]()
NET_10 src="/d/file/itjie/ASPNETjishu/2014-10-23/2f1f49c867f1bf66702ee892ba8eeb7d.jpg" width=500>
11.測試查詢
![ajax<a]()
NET_11 src="/d/file/itjie/ASPNETjishu/2014-10-23/c8197b8b2a11cb32d622560897f04fa3.jpg" width=500>
12.選中“啟用分頁”與“啟用排序”，以檢驗AJAX效果
![ajax<a]()
NET_12 src="/d/file/itjie/ASPNETjishu/2014-10-23/e0ed538da7c80fb9827c9b66bd2c6266.jpg" width=500>
13.萬事俱備，保存，然后按ctrl+F5查看我們的勞動成果，點擊頁碼，可以實現無刷新讀取數據，點擊標題號，可進行排序，也是無刷新的。
![ajax<a]()
NET_13 src="/d/file/itjie/ASPNETjishu/2014-10-23/4e814ecf88b70aaa322e58e459bd3072.jpg" width=500>
通過上面的簡單例子，我們可以感受到用ASP.NET AJAX 1.0 RC版進行開發，可以很方便快捷的實現AJAX效果；同時RC版已經接近最終發行版，已經比較成熟，少了微軟對產品進行調整帶來的風險，有興趣的朋友可以做進一步的嘗試。
參見ajax.ASP.NET的文字版：Sample ASP.NET AJAX Application
AspNet技術：ASP.NET AJAX 1.0 RC開發10分鐘圖解，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
