開發(fā)環(huán)境：VS2005+ASP.NET AJAX 1.0 RC

首先下載ASP.NET AJAX 1.0 RC安裝文件，完成安裝后即可進行我們的AJAX之旅了。

1.打開VS2005，點擊“新建”－“文件”－“網(wǎng)站”，選擇“ASP.NET-AJAX Enabled Web Site”模板，這個模板是我們安裝ASP.NET AJAX 1.0 RC后多出來的模板

NET_01 src="/d/file/itjie/ASPNETjishu/2014-10-23/097d4fe50aa64fb2ae33f388de68f258.jpg" width=500>

2.可以看到左側(cè)工具箱多了一個AJAX Extensions，下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等幾個控件，右側(cè)的代碼視圖，可以看到form標簽中增加了一個ScriptManager控件的標簽

NET_02 src="/d/file/itjie/ASPNETjishu/2014-10-23/8a1809d37c832cbb11d748565e154f8a.jpg" width=500>

3.從左側(cè)拖動一個UpdatePanel控件放在ScriptManager控件下面

NET_03 src="/d/file/itjie/ASPNETjishu/2014-10-23/b75f7904eb4710e4715d5eae0526ad8a.png" width=494>

4.然后從工具箱中拖動一個GridView控件放在UpdatePanel控件中

NET_04 src="/d/file/itjie/ASPNETjishu/2014-10-23/32f05a6ff219a7cc2ebdf28bb046f551.jpg" width=500>

5.在GirdView控件的任務(wù)菜單中，執(zhí)行“選擇數(shù)據(jù)源”操作

NET_05 src="/d/file/itjie/ASPNETjishu/2014-10-23/5d36c11cd698fa32d8c7abdb1c434d05.jpg" width=500>

6.選擇從“數(shù)據(jù)庫”獲取數(shù)據(jù)，在這里我們選擇SQL Server

NET_06 src="/d/file/itjie/ASPNETjishu/2014-10-23/7437f4c00a56532f9d1a7a0339e71ad4.jpg" width=500>

7.輸入數(shù)據(jù)庫信息，選擇“Northwind”數(shù)據(jù)庫

NET_07 src="/d/file/itjie/ASPNETjishu/2014-10-23/cebb3d7a0025a20c2357979f78a462b4.png" width=377>

8.把連接保存到程序配置文件中

NET_08 src="/d/file/itjie/ASPNETjishu/2014-10-23/d16032c7f8285c0b3bedc317f2f0fe1e.jpg" width=500>

9.選擇“自定義SQL語句或存儲程序”來檢索數(shù)據(jù)

NET_09 src="/d/file/itjie/ASPNETjishu/2014-10-23/bf1f319a693d87dc1ef8be07beb026c3.jpg" width=500>

10.輸入SQL語句：
SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers

NET_10 src="/d/file/itjie/ASPNETjishu/2014-10-23/2f1f49c867f1bf66702ee892ba8eeb7d.jpg" width=500>

11.測試查詢

NET_11 src="/d/file/itjie/ASPNETjishu/2014-10-23/c8197b8b2a11cb32d622560897f04fa3.jpg" width=500>

12.選中“啟用分頁”與“啟用排序”，以檢驗AJAX效果

NET_12 src="/d/file/itjie/ASPNETjishu/2014-10-23/e0ed538da7c80fb9827c9b66bd2c6266.jpg" width=500>

13.萬事俱備，保存，然后按ctrl+F5查看我們的勞動成果，點擊頁碼，可以實現(xiàn)無刷新讀取數(shù)據(jù)，點擊標題號，可進行排序，也是無刷新的。

NET_13 src="/d/file/itjie/ASPNETjishu/2014-10-23/4e814ecf88b70aaa322e58e459bd3072.jpg" width=500>

通過上面的簡單例子，我們可以感受到用ASP.NET AJAX 1.0 RC版進行開發(fā)，可以很方便快捷的實現(xiàn)AJAX效果；同時RC版已經(jīng)接近最終發(fā)行版，已經(jīng)比較成熟，少了微軟對產(chǎn)品進行調(diào)整帶來的風(fēng)險，有興趣的朋友可以做進一步的嘗試。

參見ajax.ASP.NET的文字版：Sample ASP.NET AJAX Application

AspNet技術(shù)：ASP.NET AJAX 1.0 RC開發(fā)10分鐘圖解，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。