版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
本章教學(xué)要點(diǎn)本章要點(diǎn)：10.1AJAX技術(shù)概述10.2AJAX服務(wù)器控件10.3Timer控件10.3.1Timer控件屬性10.3.2Timer控件應(yīng)用1思考問題？
什么是Sql注入攻擊?
防范Sql注入的常用方法？210.1AJAX技術(shù)概述
31、什么是AJAX技術(shù)？
AJAX全稱為AsynchronousJavaScriptandXML，
中文名稱為“異步JavaScript和XML，
是一種創(chuàng)建高性能網(wǎng)頁的開發(fā)技術(shù)。AJAX是幾種技術(shù)的組合，每種技術(shù)都有其獨(dú)特之處，多種技術(shù)組合在一起，就形成了一個功能強(qiáng)大的全新的AJAX技術(shù)。采用AJAX，可使得Web應(yīng)用程序更具有互動性、響應(yīng)更快速、用戶體驗更好。10.1AJAX技術(shù)概述
42、AJAX組成AJAX由幾種技術(shù)的組合而成，編程人員不必重新學(xué)習(xí)一種新的語言，就能使用AJAX，AJAX包括以下幾方面的內(nèi)容：XMLHttpRequest：能進(jìn)行異步數(shù)據(jù)接收文檔對象模型（DocumentObjectModel）：能進(jìn)行動態(tài)顯示和交互XHTML和CSS：實現(xiàn)網(wǎng)面結(jié)構(gòu)重組XML和XSLT：能用于數(shù)據(jù)交互和相關(guān)操作JavaScript：將頁面內(nèi)容進(jìn)行綁定
10.1AJAX技術(shù)概述
53、AAJAX技術(shù)AAJAX技術(shù)，是微軟在VisualStudio2010及相關(guān)版本中自帶的基于Web互動式開發(fā)的AJAX技術(shù)。安裝VS后，VisualStudio2010在工具箱中自帶部分AJAX控件，提供了更多客戶端組件，可擴(kuò)展功能，這些客戶端組件，安裝后與VisualStudio2010其它自帶控件使用方法基本相同。
10.1AJAX技術(shù)概述
64、AAJAX技術(shù)優(yōu)點(diǎn)AJAX局部刷新功能，可大大改善用戶訪問網(wǎng)頁的體驗，使用AJAX技術(shù)，可實現(xiàn)頁面的局部回調(diào)，網(wǎng)頁不必整個頁面進(jìn)行更新，只需要局部更新即可。AJAX擁有更佳的性能，速度更快，不必等待服務(wù)器響應(yīng)，避免重新加載整個網(wǎng)頁造成頁面閃動。
10.1AJAX技術(shù)概述
71、什么叫模板？2、什么叫局部刷新？3、模板內(nèi)的控件如何實現(xiàn)局部刷新？4、模板外的控件如何實現(xiàn)局部刷新？
10.2AJAX服務(wù)器控件
81、ScriptManager管理器控件ScriptManager是ASP.NETAJAX的最重要的控件，主要負(fù)責(zé)管理網(wǎng)站頁面中的AJAX組件、客戶端的Request及服務(wù)器端的Response。是所有AJAX控件的依托，用戶使用AJAX時，如果不導(dǎo)入這一控件，所有其它的AJAX控件都無法使用。在Web中的每個Form,必須添加ScriptManager作為管理用。添加的一個ScriptManager如圖10-1所示。
10.2AJAX服務(wù)器控件
91
10.2AJAX服務(wù)器控件
10添加的一個ScriptManager后，HTML代碼如下所示：
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><headrunat="server"><title></title></head><body><formid="form1"runat="server"><asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager></form></body></html>10.2AJAX服務(wù)器控件
112、UpdatePanel控件UpdatePanel控件是一個容器類控件，頁面中所使用的AJAX控件，必須放在UpdatePanel控件的框線內(nèi)，才能具有AJAX的功能。
10.2AJAX服務(wù)器控件
12UpdatePanel
控件是一個服務(wù)器控件，可開發(fā)具有復(fù)雜的客戶端行為的網(wǎng)頁，使網(wǎng)頁與最終用戶之間具有更強(qiáng)的交互性。
可以通過聲明方式向
UpdatePanel控件添加內(nèi)容，也可以在設(shè)計器中通過使用
ContentTemplate屬性來添加內(nèi)容。
當(dāng)首次呈現(xiàn)包含一個或多個
UpdatePanel控件的頁面時，將呈現(xiàn)
UpdatePanel控件的所有內(nèi)容并將這些內(nèi)容發(fā)送到瀏覽器。
10.2AJAX服務(wù)器控件
13３、UpdatePanel控件的使用UpdatePanel控件用于指定頁面上哪個區(qū)域需要局部更新。UpdatePanel控件的部分頁面更新功能是由ScriptManager服務(wù)器控件、客戶端的PageRequestManager類相互協(xié)作完成的。當(dāng)啟用部分頁更新時，控件可以通過異步方式發(fā)布到服務(wù)器。異步回發(fā)的行為與常規(guī)回發(fā)類似:生成的服務(wù)器頁面執(zhí)行完整的頁面和控件生命周期。通過使用異步回發(fā)，可將頁面更新限制為包含在UpdatePanel控件中并標(biāo)記為要更新的頁面區(qū)域。服務(wù)器僅將受影響元素的HTML標(biāo)記發(fā)送到瀏覽器。
10.2AJAX服務(wù)器控件
14在頁面上添加一個UpdatePanel控件顯示如圖10-2所示。
10.2AJAX服務(wù)器控件
15在頁面上添加一個UpdatePanel控件后的HTML代碼如下所示：<formid="form1"runat="server"><asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager>
<asp:UpdatePanelID="UpdatePanel1"runat="server"></asp:UpdatePanel></form>10.2AJAX服務(wù)器控件
16在UpdatePanel控件的框線內(nèi)添加一個標(biāo)簽控件后，顯示如圖10-3所示。
10.2AJAX服務(wù)器控件
17在UpdatePanel控件的框線內(nèi)添加一個標(biāo)簽控件后的HTML代碼如圖10-4所示：
標(biāo)簽控件在模板之間這是模板的開始這是模板的結(jié)束
10.2AJAX服務(wù)器控件
18
在UpdatePanel控件的框線內(nèi)添加一個控件后，控件將加入到UpdatePanel控件的ContentTemplate模板中。凡是加入這個模板中的控件，才能具有局部刷新功能?？梢酝ㄟ^聲明方式向
UpdatePanel控件添加內(nèi)容，也可以在設(shè)計器中通過使用
ContentTemplate屬性來添加內(nèi)容。
4、UpdatePanel控件局部刷新案例
19下面的案例，對比一個網(wǎng)頁的頁面刷新和局部刷新功能。操作步驟如下：建立一個名為Default2的頁面在頁面中加入添加的一個ScriptManager控件在頁面中加入添加的一個UpdatePanel控件在UpdatePanel控件的框線內(nèi)，加入一名為Label1的標(biāo)簽控件。在UpdatePanel控件的框線內(nèi)，加入一名為Button1的按鈕控件。在UpdatePanel控件的框線外，加入一名為Button2的按鈕控件。
4、UpdatePanel控件局部刷新案例
201
4、UpdatePanel控件局部刷新案例
21加入各個控件后HTML代碼如圖10-6所示。
模板開始模板結(jié)束模板內(nèi)的標(biāo)簽控件模板內(nèi)的按鈕1模板外的按鈕2
4、UpdatePanel控件局部刷新案例
22從圖10-7中可以看出，按鈕Button1和標(biāo)簽Label1在控件UpdatePanel的模板線內(nèi)，因此具有局部刷新功能，而按鈕Button2和在控件UpdatePanel的模板線外，因此不具有局部刷新功能，而是保持外有的頁面全局刷新功能。
4、UpdatePanel控件局部刷新案例
23分別雙擊頁面上的兩個按鈕控件，在程序欄內(nèi)輸入如下代碼：
protectedvoidButton1_Click(objectsender,EventArgse){Label1.Text="局部刷新";}protectedvoidButton2_Click(objectsender,EventArgse){Label1.Text="頁面刷新";
4、UpdatePanel控件局部刷新案例
24（10）點(diǎn)擊屏幕上的Button1按鈕，注意觀察窗體左上角的頁面?zhèn)鬏敔顟B(tài)標(biāo)識，發(fā)現(xiàn)其沒有任何反應(yīng)，主要AJAX實現(xiàn)了局部刷新的原故，如圖10-8所示。
5、UpdatePanel的觸發(fā)器
25UpdatePanel控件，提供了多種刷新方式，以便用戶可以實現(xiàn)豐富的Web功能。如表10-1，就是UpdatePanel控件的部分屬性。
屬
性功
能UpdateModeUpdateMode共有兩種模式：Always與Conditional。Always是每次Postback后，UpdatePanel會連帶更新；相反，Conditional只針對特定情況才會更新TriggersTriggers設(shè)置UpdatePanel的觸發(fā)事件表10-1多種觸發(fā)方式，5、UpdatePanel的觸發(fā)器
26UpdateMode屬性：決定控件的更新方式。取值：Always：每一次頁面回發(fā)都會更新UpdatePanel控件中的內(nèi)容。默認(rèn)值。Conditional：滿足條件才更新控件中的內(nèi)容條件：控件的一個觸發(fā)器引起了異步回發(fā)。調(diào)用UpdatePanel控件的Update方法?？丶械腃hildrenAsTriggers屬性被設(shè)為true，且UpdatePanel控件的一個子控件引起回發(fā)。
6、UpdatePanel的觸發(fā)器在綁定模板外的控件
27如前所述，凡是在模板內(nèi)控件，均有讓本模板實現(xiàn)局部刷新的功能。如何讓模板外的控件，實現(xiàn)對本模板的局部刷新功能呢？例：如下代碼的功能是什么呢？
6、UpdatePanel的觸發(fā)器在綁定模板外的控件
28<Triggers><asp:PostBackTriggerControlID="Button1"/></Triggers>
6、UpdatePanel的觸發(fā)器在綁定模板外的控件
29如果按鍵“Button1”在模板外，但當(dāng)UpdateMode=Conditional，且PostBackTriggerControlID="Button1"，則“Button1”對該模板具有局部刷新功能。
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
30（1）建立如下圖如示網(wǎng)頁（2）在頁面添加多個控件如圖10-10所示。
第3步，在UpdatePanel控件模板內(nèi)，添加Label1標(biāo)簽控件第1步，在頁面添加ScriptManager管理器控件第2步，在頁面添加UpdatePanel控件
第4步在模板外添加Button1控件
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
31（3）頁面的HTML代碼如下所示<formid="form1"runat="server"><divstyle="height:194px;width:531px;background-color:#FFFFFF;"><asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager><asp:UpdatePanelID="UpdatePanel3"runat="server"><ContentTemplate><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></ContentTemplate></asp:UpdatePanel><asp:ButtonID="Button1"runat="server"Text="Button"onclick="Button1_Click"/></div></form>上述代碼表示，按鈕“Button1”沒有局部刷新功能。
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
32
（4）運(yùn)行頁面的代碼，結(jié)果如圖10-11所示。從運(yùn)行結(jié)果看，頁面沒有局部刷新功能。
從這個顯示觀察，頁面沒有局部刷新功能7、案例：模板外的按鈕實現(xiàn)局部刷新功能
33（5）選中UpdatePanel控件，擊右鍵選擇屬性，在下面的屬性中進(jìn)行兩項配置，如圖10-12所示。
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
341
第1步，設(shè)置UpdateMode=Conditional第2步，設(shè)置Control1D=Button1l7、案例：模板外的按鈕實現(xiàn)局部刷新功能
35（6）進(jìn)行了相應(yīng)設(shè)置后，代碼如下所示。
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
36<formid="form1"runat="server"><divstyle="height:194px;width:531px;background-color:#FFFFFF;"><asp:ScriptManagerID="ScriptManager1"runat="server"></asp:ScriptManager><asp:UpdatePanelID="UpdatePanel3"runat="server"UpdateMode="Conditional"><ContentTemplate><asp:LabelID="Label1"runat="server"Text="Label"></asp:Label></ContentTemplate><Triggers><asp:AsyncPostBackTriggerControlID="Button1"/></Triggers></asp:UpdatePanel><asp:ButtonID="Button1"runat="server"Text="Button"onclick="Button1_Click"/></div></form>
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
37（7）頁面運(yùn)行后，模板運(yùn)行效果如圖10-13所示，模板外的按鈕Button1具有了局部刷新功能。7、案例：模板外的按鈕實現(xiàn)局部刷新功能
381
7、案例：模板外的按鈕實現(xiàn)局部刷新功能
391、什么是AJAX？2、AJAX的主要功能？3、什么叫模板？4、什么叫局部刷新？5、模板內(nèi)的控件如何實現(xiàn)局部刷新？6、模板外的控件如何實現(xiàn)局部刷新？10.3Timer控件
40Timer控件是一個服務(wù)器控件，它會將一個JavaScript組件嵌入到網(wǎng)頁中。
當(dāng)經(jīng)過
Interval屬性中定義的時間間隔時，該JavaScript組件將從瀏覽器啟動回發(fā)。使用
Timer控件時，必須在網(wǎng)頁中包括
ScriptManager類的實例。若回發(fā)是由
Timer控件啟動的，則
Timer控件將在服務(wù)器上引發(fā)
Tick事件。
當(dāng)頁發(fā)送到服務(wù)器時，可以創(chuàng)建
Tick事件的事件處理程序來執(zhí)行一些操作。
10.3Timer控件
4110.3.1Timer控件屬性1、設(shè)定定時間隔Interval屬性：指定定時間隔，以毫秒為單位，默認(rèn)值為60000毫秒。2、開始和關(guān)閉定時器Enab
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 加氣加注設(shè)備相關(guān)項目投資計劃書
- 幼兒園橘子主題課程設(shè)計
- 其他計算機(jī)信息服務(wù)行業(yè)相關(guān)投資計劃提議
- 一年級數(shù)學(xué)兩位數(shù)加減一位數(shù)題水平作業(yè)口算題
- 小學(xué)三年級數(shù)學(xué)兩位數(shù)乘一位數(shù)計算單元考核口算題大全附答案
- 植物微型課程設(shè)計
- 接口課程設(shè)計電梯模擬
- 幼兒創(chuàng)意油畫課程設(shè)計導(dǎo)
- 消控室操作課程設(shè)計
- 并行程序設(shè)計 中文課件 04 Windows多線程程序設(shè)計
- 2022年內(nèi)蒙古行政執(zhí)法人員資格認(rèn)證考試題庫【典型題 真題庫】
- 3班主任基本功競賽：主題班會《我本是高山》教學(xué)課件
- ISO 56007-2023創(chuàng)新管理 管理機(jī)會和想法的工具和方法 指南雷澤佳譯-2024
- NB/T 11432-2023煤礦矸石基固廢充填技術(shù)規(guī)范
- 【金融模擬交易實踐報告4600字】
- 山東省煙臺市2024年中考物理試題（含答案）
- 陜西省2024年中考語文真題試卷【附答案】
- 廈門市翔安區(qū)2022-2023學(xué)年七年級上學(xué)期期末地理試題【帶答案】
- 川崎病診治專家共識
- 2024-2029年中國瑤浴藥包行業(yè)市場現(xiàn)狀分析及競爭格局與投資發(fā)展研究報告
- 人教版英語五年級上冊【新課標(biāo)】Unit 4What can you do 單元整體教學(xué)設(shè)計
評論
0/150
提交評論