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

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

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

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

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

4.然后從工具箱中拖動(dòng)一個(gè)GridView控件放在UpdatePanel控件中

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

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

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

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

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

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

11.測(cè)試查詢

12.選中“啟用分頁(yè)”與“啟用排序”，以檢驗(yàn)AJAX效果

13.萬(wàn)事俱備，保存，然后按ctrl+F5查看我們的勞動(dòng)成果，點(diǎn)擊頁(yè)碼，可以實(shí)現(xiàn)無(wú)刷新讀取數(shù)據(jù)，點(diǎn)擊標(biāo)題號(hào)，可進(jìn)行排序，也是無(wú)刷新的。

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

參見(jiàn)ajax.asp.net的文字版：Sample ASP.NET AJAX Application

最新評(píng)論