|
|
開發(fā)環(huán)境：VS2005+ASP.NET AJAX 1.0 RC
首先下載ASP.NET AJAX 1.0 RC安裝文件，完成安裝后即可進(jìn)行我們的AJAX之旅了。
1.打開VS2005，點(diǎn)擊“新建”－“文件”－“網(wǎng)站”，選擇“ASP.NET-AJAX Enabled Web Site”模板，這個(gè)模板是我們安裝ASP.NET AJAX 1.0 RC后多出來的模板
NET_01 src="/d/file/itjie/ASPNETjishu/2014-10-23/097d4fe50aa64fb2ae33f388de68f258.jpg" width=500>
2.可以看到左側(cè)工具箱多了一個(gè)AJAX Extensions，下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等幾個(gè)控件，右側(cè)的代碼視圖，可以看到form標(biāo)簽中增加了一個(gè)ScriptManager控件的標(biāo)簽
NET_02 src="/d/file/itjie/ASPNETjishu/2014-10-23/8a1809d37c832cbb11d748565e154f8a.jpg" width=500>
3.從左側(cè)拖動(dòng)一個(gè)UpdatePanel控件放在ScriptManager控件下面
NET_03 src="/d/file/itjie/ASPNETjishu/2014-10-23/b75f7904eb4710e4715d5eae0526ad8a.png" width=494>
4.然后從工具箱中拖動(dòng)一個(gè)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.選中“啟用分頁”與“啟用排序”，以檢驗(yàn)AJAX效果
NET_12 src="/d/file/itjie/ASPNETjishu/2014-10-23/e0ed538da7c80fb9827c9b66bd2c6266.jpg" width=500>
13.萬事俱備，保存，然后按ctrl+F5查看我們的勞動(dòng)成果，點(diǎn)擊頁碼，可以實(shí)現(xiàn)無刷新讀取數(shù)據(jù)，點(diǎn)擊標(biāo)題號，可進(jìn)行排序，也是無刷新的。
NET_13 src="/d/file/itjie/ASPNETjishu/2014-10-23/4e814ecf88b70aaa322e58e459bd3072.jpg" width=500>
通過上面的簡單例子，我們可以感受到用ASP.NET AJAX 1.0 RC版進(jìn)行開發(fā)，可以很方便快捷的實(shí)現(xiàn)AJAX效果；同時(shí)RC版已經(jīng)接近最終發(fā)行版，已經(jīng)比較成熟，少了微軟對產(chǎn)品進(jìn)行調(diào)整帶來的風(fēng)險(xiǎn)，有興趣的朋友可以做進(jìn)一步的嘗試。
參見ajax.ASP.NET的文字版：Sample ASP.NET AJAX Application
AspNet技術(shù)：ASP.NET AJAX 1.0 RC開發(fā)10分鐘圖解，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
