第11章NET Ajax技術(shù)

1、ASP.NET AjaxASP.NET Ajax技術(shù)技術(shù)第第 章章 選定一門計(jì)算機(jī)語(yǔ)言，持之以恒，日也無(wú)所求，夜也無(wú)所求，唯有編程是你最大的追求，最終你一定會(huì)開(kāi)發(fā)出一套屬于自己的軟件系統(tǒng)，從而奠定創(chuàng)業(yè)的堅(jiān)實(shí)基礎(chǔ)，鮮花與掌聲會(huì)不期而至！本章知識(shí)結(jié)構(gòu)框圖本章知識(shí)結(jié)構(gòu)框圖 Ajax技術(shù)技術(shù)概述概述Ajax控件控件 ASP.NET Ajax控件工具包的使用控件工具包的使用獲取及安裝典型應(yīng)用Ajax控件概述UpdatePanel控件Timer控件UpdateProgress控件Ajax的應(yīng)用簡(jiǎn)單示例Ajax的含義Ajax的優(yōu)點(diǎn)之之1111藏才隱智，任重道遠(yuǎn)藏才隱智，任重道遠(yuǎn)認(rèn)真認(rèn)真聽(tīng)講聽(tīng)講學(xué)習(xí)激勵(lì)與案例

2、導(dǎo)航北京北京點(diǎn)擊科技點(diǎn)擊科技有限公司總經(jīng)理王志東有限公司總經(jīng)理王志東 王志東，北京點(diǎn)擊科技有限公司總經(jīng)理，1967年生于廣東省東莞市，1988年，畢業(yè)于北京大學(xué)無(wú)線電電子學(xué)系。中國(guó)IT界著名人士，北京點(diǎn)擊科技有限公司總裁；BDWin、中文之星、RichWin等著名中文平臺(tái)的開(kāi)發(fā)人與總設(shè)計(jì)師；新浪網(wǎng)的創(chuàng)辦人，曾領(lǐng)導(dǎo)新浪網(wǎng)成為全球最大中文門戶，并于2000年在NASDAQ成功上市。曾獲得 “求是杰出青年成果轉(zhuǎn)化獎(jiǎng)”、“中國(guó)軟件杰出貢獻(xiàn)獎(jiǎng)”、“中國(guó)軟件企業(yè)十大領(lǐng)軍人物”、“中國(guó) IT技術(shù)創(chuàng)新獎(jiǎng)”、“TOP10中國(guó)科技領(lǐng)袖”、“影響信息化的50人”、“十大中華經(jīng)濟(jì)英才”、“中華十大管理英才”、“全國(guó)十

3、大民企英才”、“信息化新銳領(lǐng)軍人物”等一系列獎(jiǎng)項(xiàng)和榮譽(yù)。第11章 ASP.NET Ajax技術(shù)11.1 Ajax11.1 Ajax技術(shù)概述技術(shù)概述11.2 Ajax11.2 Ajax控件控件11.3 ASP.NET Ajax11.3 ASP.NET Ajax控件工具包的使用控件工具包的使用第11章 ASP.NET Ajax技術(shù)11.1 Ajax11.1 Ajax技術(shù)概述技術(shù)概述11.2 Ajax11.2 Ajax控件控件11.3 ASP.NET Ajax11.3 ASP.NET Ajax控件工具包的使用控件工具包的使用11.1.1 Ajax的含義 Ajax全稱為“Asynchronous Ja

4、vaScript and XML”即異步JavaScript和XML技術(shù)，是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的開(kāi)發(fā)技術(shù)。 1 1XHTMLXHTML和和CSS CSS ； 2 2使用文檔對(duì)象模型使用文檔對(duì)象模型(Document Object (Document Object Model)Model)作動(dòng)態(tài)顯示和交互作動(dòng)態(tài)顯示和交互 ； 3 3使用使用XMLXML和和XSLTXSLT做數(shù)據(jù)交互和操作做數(shù)據(jù)交互和操作 ； 4 4使用使用XMLHttpRequestXMLHttpRequest進(jìn)行異步數(shù)據(jù)接進(jìn)行異步數(shù)據(jù)接 5 5使用使用JavaScriptJavaScript將它們綁定在一起將它們綁定在一

5、起 。AjaxAjax包括包括以下幾方以下幾方面的內(nèi)容：面的內(nèi)容：11.1.2 Ajax的優(yōu)點(diǎn)的優(yōu)點(diǎn)1.1.性能優(yōu)良性能優(yōu)良2.2.功能強(qiáng)大功能強(qiáng)大3.3.局部回調(diào)局部回調(diào)4.4.兼容性好兼容性好第11章 ASP.NET Ajax技術(shù)11.1 Ajax11.1 Ajax技術(shù)概述技術(shù)概述11.2 Ajax11.2 Ajax控件控件11.3 ASP.NET Ajax11.3 ASP.NET Ajax控件工具包的使用控件工具包的使用ASP.NET的Ajax有四個(gè)控件ScriptManagerScriptManagerUpdatePanelUpdatePanelTimerTimerUpdateProg

6、ressUpdateProgress11.2.1 Ajax控件概述ScriptManager控件屬性如表11-1所示。表11-1 ScriptManager控件屬性AjaxAjax組件組件 客戶端的客戶端的RequestRequest 負(fù)責(zé)管理負(fù)責(zé)管理網(wǎng)站頁(yè)面網(wǎng)站頁(yè)面中的中的服務(wù)器端的服務(wù)器端的ResponseResponse 屬 性說(shuō) 明AllowCustomErrorsRedirect在異步Postback情況下，若有錯(cuò)誤發(fā)生，指示系統(tǒng)是否引發(fā)自定義錯(cuò)誤的網(wǎng)頁(yè)導(dǎo)向AsyncPostBackErrorMessage當(dāng)服務(wù)器有異常錯(cuò)誤發(fā)生，此錯(cuò)誤信息會(huì)被傳送到Client端AsyncPostB

7、ackTimeout異步Postback的Timeout逾時(shí)的時(shí)間長(zhǎng)度（秒），預(yù)設(shè)是90秒，若設(shè)置值為0，則表示沒(méi)有Timeout的限制AuthenticationService獲取目前ScriptManager instance的AuthenticationService- Manager對(duì)象EnablePageMethods設(shè)置ASP.NET的靜態(tài)方法是否能夠被Client端Script調(diào)用EnablePartialRendering是否啟用局部更新EnableScriptGlobalization是否啟用全球化Script設(shè)置EnableScriptLocalization是否啟用區(qū)域化

8、Script設(shè)置LoadScriptsBeforeUI設(shè)置Script參照是否在UI控件之前加載到Browser瀏覽器中ProfileService獲取目前ScriptManager instance的ProfileServiceManager對(duì)象ScriptMode決定在生成Client Script時(shí)，要產(chǎn)生Debug或Release版本的Client Script LibrariesScriptPath指定定制的Script所在路徑Scripts指定ScriptManager要注冊(cè)的Script參照集合Services指定ScriptManager要注冊(cè)的Service參照集合11.2.

9、2 UpdatePanel控件 UpdatePanel即Ajax面板，ASP.NET的控件只有放在UpdatePanel中才能成為Ajax控件其常用屬性如表11-2所示。表11-2 UpdatePanel控件屬性屬 性說(shuō) 明UpdateModeUpdateMode共有兩種模式：Always與Conditional。Always是每次Postback后，UpdatePanel會(huì)連帶被更新；相反，Conditional只針對(duì)特定情況才會(huì)被更新ChildrenAsTriggers當(dāng)其屬性UpdateMode設(shè)置為Condition時(shí)， UpdatePanel中的子控件是否引發(fā)UpdatePanel的

10、更新TriggersTriggers設(shè)置UpdatePanel的觸發(fā)事件RenderMode即UpdatePanel最終表現(xiàn)形式，Block代表 , Inline代表 11.2.2 Timer控件Timer控件常用屬性如表11-3所示表11-3 Timer屬性與事件屬性/事件說(shuō) 明Interval屬性時(shí)間間隔設(shè)置，單位為毫秒，其中設(shè)置為1000時(shí)表示1秒的時(shí)間間隔Tick事件直接在Timer控件上雙擊，可添加Tick事件程序EnabledTimer是否使能，即Timer是否啟動(dòng)，設(shè)為true時(shí)Timer開(kāi)始工作，設(shè)為False時(shí)Timer停止工作。11.2.3 UpdateProgress控件

11、屬 性 說(shuō) 明AssociatedUpdatePanelID獲取或設(shè)置和UpdateProgress控制關(guān)聯(lián)的UpdatePanel控制的ID UpdateProgress顯示其狀態(tài)DisplayAfter獲取或設(shè)置顯示UpdateProgres控制之前所經(jīng)過(guò)的時(shí)間值DynamicLayout 獲取或設(shè)置一個(gè)值，該值可能確定是否動(dòng)態(tài)呈現(xiàn)進(jìn)度模板ProgressTemplate 獲取后設(shè)置定義UpdateProgress控制聶榮的模板Visible獲取后設(shè)置一個(gè)值，該值只是控制件是否作為UI呈現(xiàn)在頁(yè)上11.2.4 Ajax簡(jiǎn)單應(yīng)用示例使用了Ajax之后，立即解決了一是時(shí)間慢，二是占用帶寬，三是屏

12、幕閃動(dòng)三個(gè)問(wèn)題。 步驟01：打開(kāi)Visual Studio2008 新建空白網(wǎng)站。依次單擊【文件】【新建】【網(wǎng)站】【空網(wǎng)站】，將出現(xiàn)新建站點(diǎn)對(duì)話框；如圖11-4所示；圖11-4 實(shí)例第1步操作流程 步驟02：增加網(wǎng)頁(yè)。按鼠標(biāo)右鍵，在銀決方案資源管理器單擊右鍵，在彈出菜單中【添加新項(xiàng)】，出現(xiàn)彈出對(duì)話框，選擇“ web窗體”；如圖11-5所示；圖11-5 實(shí)例第2步操作流程 步驟03：切換到“設(shè)計(jì)視圖”，在工具箱的Ajax Extensions選項(xiàng)卡中拖曳一個(gè)ScriptManager控件到網(wǎng)頁(yè)中；這里附加說(shuō)明一點(diǎn)，凡是使用ASP.NET Ajax技術(shù)的網(wǎng)頁(yè)必須在頁(yè)面上放置一個(gè)ScriptMana

13、ger控件；如圖11-6所示；圖11-6實(shí)例第2步操作流程步驟04：再添加一個(gè)控件updatepane1，這相當(dāng)于在網(wǎng)頁(yè)里聲明一個(gè)可刷新部分，重 新加載方式展示的區(qū)域；步驟05：在頁(yè)面的控件updatepane1中放置一個(gè)標(biāo)簽控件label1;步驟06：從工具箱Ajax Extensions選項(xiàng)卡拖入Timer控件。將Timer控件的interval屬性 設(shè)置為1000，即間隔時(shí)間為1秒，Enabled設(shè)置為True;如11-7所示：1000等于1秒 步驟07：雙擊Timer控件加入如下代碼：Label1.Text = DateTime.Now.ToString();按下CTRL+F5，程序運(yùn)

14、行后顯示圖11-8所示界面。圖11-8實(shí)例運(yùn)行結(jié)果此處顯示的時(shí)間是動(dòng)態(tài)變化的。第11章 ASP.NET Ajax技術(shù)11.1 Ajax11.1 Ajax技術(shù)概述技術(shù)概述11.2 Ajax11.2 Ajax控件控件11.3 ASP.NET Ajax11.3 ASP.NET Ajax控件工具包的使用控件工具包的使用 ASP.NET除了上節(jié)所講述的四個(gè)控件之外，還可以使用大量的擴(kuò)展控件。目前最常用的是AjaxControlToolkit-Framework3.5。13.1.1 控件工具包的獲取及安裝1 1控件工具包的獲取控件工具包的獲取。 控件工具包可以在互聯(lián)網(wǎng)上下載，下載時(shí)既可以到微軟官方網(wǎng)站下載

15、，也可以在百度中搜索“AjaxControlToolkit-Framework3.5”。按照提示下載即可。 知識(shí)拓展知識(shí)拓展：一定要下載一定要下載AjaxControlToolkit-Framework3.5 AjaxControlToolkit-Framework3.5 而不是而不是 AjaxControlToolkitAjaxControlToolkit。VS2008VS2008已經(jīng)默認(rèn)支持已經(jīng)默認(rèn)支持AjaxAjax，因此，因此不要安裝不要安裝ASP.NET 2.0 Ajax Extensions 1.0 ASP.NET 2.0 Ajax Extensions 1.0 和和 ASP.NE

16、T 2.0 ASP.NET 2.0 Ajax Templates for VS2008Ajax Templates for VS2008。如果安裝了他們，以后在工具欄。如果安裝了他們，以后在工具欄中則無(wú)法顯示中則無(wú)法顯示AjaxControlToolkitAjaxControlToolkit的控件。的控件。 （1）添加選項(xiàng)卡）添加選項(xiàng)卡（2）添加）添加Ajax工工 具包提供的具包提供的 擴(kuò)展控件擴(kuò)展控件2 2控件工具包的安裝控件工具包的安裝2 2控件工具包的安裝控件工具包的安裝（1）添加選項(xiàng)卡）添加選項(xiàng)卡（2）添加）添加Ajax工工 具包提供的具包提供的 擴(kuò)展控件擴(kuò)展控件第1步右擊工具箱第2步

17、選擇添加選項(xiàng)卡第3步輸入選項(xiàng)卡名稱2 2控件工具包的安裝控件工具包的安裝（1）添加選項(xiàng)卡）添加選項(xiàng)卡（2）添加）添加Ajax工工 具包提供的具包提供的 擴(kuò)展控件擴(kuò)展控件第1步右鍵選擇選項(xiàng)卡第3步選擇需要添加的文件 在這個(gè)路徑的AjaxControlToolkit AjaxControlToolkitbinDebug 文件夾中，選擇AjaxControlToolkit.dll 程序集文件，單擊“確定”按鈕?；氐竭x擇工具箱項(xiàng)對(duì)話框，如圖11-8所示。在單擊“確定”按鈕，可以看到在新建的選項(xiàng)卡中，添加了很多新控件，如圖11-9所示。這些控件全部都是Ajax工具包提供的擴(kuò)展控件，可以直接將這些控件放置

18、到頁(yè)面中，設(shè)置相關(guān)屬性后直接使用。選擇瀏覽完成后工具欄多出了AjaxControlToolkit的控件，包括名稱和版本圖11-10添加完控件后顯示結(jié)果13.1.2 控件工具包的典型應(yīng)用1AutoCompleteAutoComplete AutoComplete即即自動(dòng)完成Ajax控件，其主要功能是幫助用戶在輸入簡(jiǎn)單的字符以后，智能感知。這個(gè)功能在很多網(wǎng)站都有所應(yīng)用，如Google、51Aspx等，如圖11-11所示。智能提示圖11-11添加完控件后顯示結(jié)果 該控件主要是結(jié)合webservice實(shí)現(xiàn)TextBox的智能數(shù)據(jù)讀取，當(dāng)輸入“齊齊”的時(shí)候，與“齊齊”相關(guān)的內(nèi)容就會(huì)被讀取出來(lái)。該控件的屬

19、性如下：屬性屬性描述描述ServicePath指定自動(dòng)完成功能Web Service的路徑，ServicePath=AutoCompleteService.asmxServiceMethod指定自動(dòng)完成功能Web Method的名稱ServiceMethod=GetWordListDropDownPanelID指定顯示列表的Panel的ID，一般情況會(huì)提供一個(gè)默認(rèn)的，我們無(wú)需指定minimumprefixlength開(kāi)始提供自動(dòng)完成列表的文本框內(nèi)最少的輸入字符數(shù)量。minimumprefixlength=1使用方法方法如下：1.1.從左側(cè)的工具箱中把從左側(cè)的工具箱中把AutoCompleteE

20、xtenderAutoCompleteExtender拖拽到要實(shí)拖拽到要實(shí)現(xiàn)自動(dòng)完成的文本框上。這時(shí)，自動(dòng)完成控件會(huì)自動(dòng)與現(xiàn)自動(dòng)完成的文本框上。這時(shí)，自動(dòng)完成控件會(huì)自動(dòng)與文本框關(guān)聯(lián)起來(lái)。文本框關(guān)聯(lián)起來(lái)。2.2.向網(wǎng)站項(xiàng)目中添加一個(gè)向網(wǎng)站項(xiàng)目中添加一個(gè)WebWeb服務(wù)。服務(wù)。3.3.編寫帶有編寫帶有WebMethodWebMethod特性的獲取字符串?dāng)?shù)組的方法，其特性的獲取字符串?dāng)?shù)組的方法，其返回值必須為返回值必須為stringstring，而參數(shù)必須為，而參數(shù)必須為string string prefixText,int countprefixText,int count。4.4.為為WebW

21、eb服務(wù)類添加服務(wù)類添加System.Web.Script.Services.ScriptServiceSystem.Web.Script.Services.ScriptService特性。特性。5.5.回到頁(yè)面，為回到頁(yè)面，為AutoCompleteExtenderAutoCompleteExtender控件設(shè)置屬性，設(shè)控件設(shè)置屬性，設(shè)置置ServicePathServicePath為為WebWeb服務(wù)的路徑，設(shè)置服務(wù)的路徑，設(shè)置ServiceMethodServiceMethod為剛剛編寫的返回字符串?dāng)?shù)組的方法名。為剛剛編寫的返回字符串?dāng)?shù)組的方法名。6.6.運(yùn)行，我們就可以看到效果了。運(yùn)行

22、，我們就可以看到效果了。 （2）應(yīng)用舉例，現(xiàn)在讓我們做一個(gè)能按照輸入拼音首字母提示城市名稱的網(wǎng)站。我們的測(cè)試數(shù)據(jù)如圖11-12所示。圖11-12測(cè)試數(shù)據(jù). 我們建立一個(gè)Ajax網(wǎng)站項(xiàng)目圖11-13 建立一個(gè)Ajax網(wǎng)站項(xiàng)目. 將AutoCompleteExtender拖拽到文本框上。將AutoCompleteExtender拖放到文本框上圖11-14 拖放自動(dòng)完成控件. 創(chuàng)建WebService并編寫方法。圖11-15 Web服務(wù)類. 設(shè)置AutoCompleteExtender屬性。. 運(yùn)行圖11-16 拖放自動(dòng)完成控件2CalendarExtenderCalendarExtender Ca

23、lendarExtender即日歷控件，顧名思義，日歷控件就是用來(lái)輸入日期的 。這種應(yīng)用很普遍，絕大多數(shù)的帶有明細(xì)查詢功能的網(wǎng)站都會(huì)有類似的日歷控件，如圖11-17所示。圖11-17 日歷控件效果 當(dāng)該控件獲得焦點(diǎn)或者旁邊有日歷小圖標(biāo)被點(diǎn)擊是就會(huì)出現(xiàn)日歷，點(diǎn)擊某一天之后，日期會(huì)自動(dòng)被設(shè)置在文本框上。該控件屬性如下屬性屬性描述描述TargetControlID所要實(shí)現(xiàn)日歷功能的文本框IDTargetControlID=TextBox1Format所要顯示的日期格式Format=yyyy年MM月dd日PopupButtonID控制日歷彈出窗的控件ID，如果留空則當(dāng)文本框獲得焦點(diǎn)時(shí)彈出PopupPo

24、sition彈出的位置，默認(rèn)為文本框的下左方。SelectedDate當(dāng)前所選擇的日期FirstDayOfWeek一周的第一天為星期幾FirstDayOfWeek=Monday（1）使用方法 只要把CalenderExtender拖拽到要實(shí)現(xiàn)自動(dòng)完成的文本框上即可使用，也可以根據(jù)實(shí)際情況設(shè)置Format、PopupButtonID、PopupPostion等屬性。（2）應(yīng)用舉例，下面我們就來(lái)做一個(gè)簡(jiǎn)單的小例子 . 同樣，我們建立一個(gè)Ajax網(wǎng)站項(xiàng)目 . 將AutoCompleteExtender拖拽到文本框上。將CalendarExtender拖放到文本框上圖11-18 拖放日歷控件 . 設(shè)置

25、CalendarExtender的屬性，我們將Format設(shè)置為yyyy年MM月dd日，F(xiàn)irstDayOfWeek設(shè)置為Monday。圖11-19 設(shè)置日歷控件. 運(yùn)行圖11-20日歷控件運(yùn)行效果3MaskedEditExtenderMaskedEditExtender MaskedEditExtender可以用來(lái)限制文本的輸入。通過(guò)設(shè)置Mask屬性，可以只允許某些類型的字符/文本被輸入。支持的數(shù)據(jù)格式有：數(shù)字，日期，時(shí)間和日期時(shí)間。不正確的輸入值圖11-21 設(shè)置日歷控件 網(wǎng)站的游客們有時(shí)候喜歡搞惡作劇，最常見(jiàn)的就是在本應(yīng)當(dāng)輸入數(shù)字的地方打非數(shù)字的東西，如圖11-22所示，該控件屬性如下屬

26、性屬性描述描述TargetControlID所要實(shí)現(xiàn)屏蔽功能的文本框IDMask掩碼Mask=999MaskType掩碼類型MaskType=NumberAutoComplete是否自動(dòng)完成，如選true，而MaskType為數(shù)字類型則為0，日期時(shí)間類型則為當(dāng)前時(shí)間。ClearMaskOnLostFocus當(dāng)失去焦點(diǎn)時(shí)是否清空文本DisplayMoney是否顯示本地貨幣符號(hào)（1）使用方法）使用方法把把MaskedEditExtenderMaskedEditExtender拖拽到要實(shí)拖拽到要實(shí)現(xiàn)輸入限制的文本框上?，F(xiàn)輸入限制的文本框上。 1設(shè)置設(shè)置MaskMask、MaskTypeMaskTyp

27、e等屬性等屬性2 2運(yùn)行，我們就可以看到效果了。運(yùn)行，我們就可以看到效果了。3 3（2）應(yīng)用舉例，下面我們就來(lái)做一個(gè)限制輸入價(jià)格的例子，假定最大金額只能為三位數(shù)。 . 建立一個(gè)Ajax網(wǎng)站項(xiàng)目 . 將MaskedEditExtender到文本框上將MaskedEditExtender拖放到文本框上圖11-22 拖放MaskedEditExtender控件. 設(shè)置一下MaskedEditExtender的屬性在左側(cè)顯示本地貨幣符號(hào)掩碼為999，則只能是三位數(shù)字掩碼類型為數(shù)字圖11-23設(shè)置MaskedEditExtender控件屬性. 運(yùn)行圖11-24 MaskedEditExtender控件運(yùn)

28、行效果4ModalPopupExtenderModalPopupExtender ModalPopupExtender 可以在頁(yè)面上以“模式窗體”的方式顯示一個(gè)Panel。當(dāng)顯示時(shí)，用戶只能操作彈出的窗體部分，而對(duì)頁(yè)面的其余部分什么都做不了，如圖11-25。只能操作這個(gè)區(qū)域圖11-25 模式窗體的效果該控件屬性如下屬性屬性描述描述TargetControlID激活模式窗體的控件IDTargetControlID=btnBuyPopupControlIDModalPopup顯示的控件IDPopupControlID=Panel1BackgroundCssClass當(dāng)顯示ModalPopup時(shí)的頁(yè)

29、面其它部分的CSS樣式BackgroundCssClass=backCssOkControlID確定控件IDOkControlID=Button1CancelControlID取消控件IDCancelControlID=Button2 制作一個(gè)用于彈出的Panel，其中需要包 括確定按鈕、取消按鈕等。 把ModalPopupExtender拖拽到要實(shí)現(xiàn)彈 出窗體的控件上，一般為按鈕。設(shè)置ModalPopupExtender屬性，一般需要設(shè)置TargetControlID、PopupControlID、BackgroundCssClass、OkControlID、CancelControlID這

30、幾個(gè)屬性。運(yùn)行（2）應(yīng)用舉例，接下來(lái)我們就來(lái)做一個(gè)彈出模式窗體的小例子。. 建立一個(gè)Ajax網(wǎng)站項(xiàng)目. 在頁(yè)面上設(shè)計(jì)出如下內(nèi)容，如圖11-26所示。ID：btnBuy，為TargetControlID（源代碼中可見(jiàn)）ID：Panel1，用于顯示的彈出窗體部分。ID：Button1，確定按鈕ID：Button2，取消按鈕圖11-26編輯網(wǎng)頁(yè)內(nèi)容在網(wǎng)頁(yè)代碼Head塊中鍵入Css樣式，如圖11-27所示。. 設(shè)置ModalPopupExtender的屬性設(shè)置為剛才編寫的半透明CSS樣式設(shè)置為取消按鈕的控件ID設(shè)置為確定按鈕的控件ID設(shè)置為彈出窗體的控件ID. 運(yùn)行，查看效果圖11-28 模式窗體效果

31、（彈出模式窗體前）圖11-39模式窗體效果（彈出模式窗體后） 本章小結(jié)本章小結(jié) AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù). Ajax不是一個(gè)技術(shù)，它實(shí)際上是幾種技術(shù)，每種技術(shù)都有其獨(dú)特這處，合在一起就成了一個(gè)功能強(qiáng)大的新技術(shù)。ASP.NET專門為AJAX提供了ScriptManager、UpdatePanel、Timer、UpdateProgress四個(gè)控件，這四個(gè)控件實(shí)現(xiàn)了ASP.NET的AJAX功能。ScriptManager是AJAX的核心，負(fù)責(zé)管理網(wǎng)站頁(yè)面中的AJAX組

32、件、Partial-Page Rendering以及客戶端的Request、服務(wù)器端的Response。UpdatePanel即AJAX的面板，頁(yè)面中所使用的AJAX控件必須放在UpdatePanel控件中，才能發(fā)揮其作用。Timer是定時(shí)器控件，該控件負(fù)責(zé)定時(shí)引發(fā)回送并局部刷新UpdatePanel中的內(nèi)容。ASP.NET除了自帶的四個(gè)控件之外，還可以使用大量的擴(kuò)展控件。這些擴(kuò)展控件以工具包方式提供。 每課一考每課一考一、填空題(20空，每空2分，共40分)AJAX全稱為“Asynchronous JavaScript and XML”即（ ），是指一種創(chuàng)建( )網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。2.

33、 ASP.NET的AJAX共有( )、( )、( )、( )四個(gè)控件，這四個(gè)控件實(shí)現(xiàn)了ASP.NET的AJAX功能。3. UpdatePanel即AJAX的面板，頁(yè)面中所使用的AJAX控件必須放在( )控件中，才能發(fā)揮其作用。4. TriggersTriggers是設(shè)置UpdatePanel的( )。5. Interval屬性是時(shí)間間隔設(shè)置控件，單位為（ ），其中設(shè)置為1000時(shí)表示1秒的時(shí)間間隔。6. （ ）主要是在執(zhí)行命令前進(jìn)行的一種提示，如果選擇確定則執(zhí)行，取消則不執(zhí)行。7. ReorderList記錄排序控件，可以手動(dòng)拖動(dòng)調(diào)整記錄的（ ）。8. Rating（評(píng)星控件）（評(píng)星控件）評(píng)分

34、/投票控件，有鼠標(biāo)一拖就可以（ ），還可以（ ）。9UpdatePanel的UpdateMode共有種模式，他們是（ ）與（ ）。10Timer控件的Enabled屬性設(shè)為（ ）時(shí)Timer開(kāi)始工作，設(shè)為（ ）時(shí)Timer停止工作。11常見(jiàn)的網(wǎng)頁(yè)不斷在服務(wù)器端刷新，其弊端一是（ ），二是（ ），三是（ ）。二、選擇題(10小題，每小題2分，共20分)1獲取目前ScriptManager instance的AuthenticationService- Manager對(duì)象的控件是（ ）。 AAuthenticationService B.Scripts CAsyncPostBackTimeout D.EnablePageMethods2在異步Postback情況下，若有錯(cuò)誤發(fā)生，指示系統(tǒng)是否引發(fā)自定義錯(cuò)誤的網(wǎng)頁(yè)導(dǎo)向的控件是（ ）。 A.AuthenticationService B.EnablePageMethods C. AllowCustomErrorsRedirect D.AsyncPostBackTimeout3指定ScriptM