欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

揭開AJAX神秘的面紗(AJAX個人學(xué)習(xí)筆記)第4/5頁

 更新時間:2009年09月18日 13:50:55   作者:  
寫這個學(xué)習(xí)筆記,只是記載一下自己的學(xué)習(xí)經(jīng)過和體會,把一些學(xué)習(xí)重點記錄下來,以備今后的鞏固復(fù)習(xí)及應(yīng)用,很多知識點沒有詳細(xì)介紹,所以并不完全適用于初學(xué)者,如果你是初學(xué)者,最好選擇一本AJAX學(xué)習(xí)的書籍,然后與這篇學(xué)習(xí)筆記對照學(xué)習(xí),效果會更好。

二、學(xué)習(xí)體會及重點
學(xué)習(xí)應(yīng)用的語言和工具軟件:本人是自學(xué)C#語言的,所以開發(fā)環(huán)境是NET框架下(ASP.NET),開發(fā)工具采用VS2008(VS2005也可以)。
學(xué)習(xí)重點:
AJAX控件的安裝,特別是AJAX Control Toolkit部分的安裝,詳見我的博客日志,有較為詳細(xì)的介紹,這里就不多說了,唯一提醒的是:VS2008和VS2005在AJAX控件安裝和使用上有點區(qū)別,但不大!
AJAX控件5個基本控件的介紹
這是微軟所提供的AJAX最基本的五大控件,也是最實用的。使用它,你完全可以不用編寫任何代碼,只是簡單的設(shè)置一下相關(guān)屬性,就可以實現(xiàn)AJAX異步數(shù)據(jù)更新的效果。這是讓學(xué)習(xí)AJAX技術(shù)的人最為心動的,是一種傻瓜式的應(yīng)用,效果不錯。如果你想在以前編寫的程序中應(yīng)用AJAX技術(shù),用這五大基本控件,可以在十幾分鐘內(nèi)搞定。下面具體介紹一下:
(1)ScriptManager是腳本管理器,負(fù)責(zé)管理頁面中的Ajax控件的有關(guān)腳本資源。在一個Web頁面中只能有一個ScriptManager,在任何情況下使用ASP.NET Ajax控件必須在頁面中添加一個ScriptManager。(這個控件一般不需設(shè)置,如果想了解具體屬和和事件,可以查找有關(guān)資料。)
ScriptManager控件的前臺代碼形式如下所示:
復(fù)制代碼 代碼如下:

<asp:ScriptManager ID="asm1" runat=” server” >
<AuthenticationService Path="" />
<ProfileService LoadProperties="" Path="" />
<Scripts>
<asp:ScriptReference />
</Scripts>
<Services>
<asp:ServiceReference Path="" />
</Services>
</asp:ScriptManager>

下面重點介紹一下容易出錯的一些屬性和方法:
1、ScriptMode屬性:指定發(fā)送模式。一個枚舉屬性,四個值:Auto、Debug、Release、Inherit。
Auto:默認(rèn)值。即根據(jù)Web.config中retail配置節(jié)的值來決定發(fā)送腳本的模式。如果retail節(jié)點值為true,即將發(fā)布模式的腳本發(fā)送至客戶端,否則發(fā)送調(diào)試版本。
Debug:當(dāng)retail屬性值為false時,ScriptManager控件將Debug版本的腳本發(fā)送至客戶端。
Release:當(dāng)retail屬性值為false時,ScriptManager控件將Release版本的腳本發(fā)送至客戶端。
Inherit:與Auto用法相同,但一般不用。
2、Services屬性:用以指定當(dāng)前頁面所引用的WEB服務(wù),使用<asp:ServiceReference>節(jié)點可以注冊WEB服務(wù),ScritpManage控件將為每一個注冊的Web服務(wù)生成客戶端代理。

(2)ScriptManagerProxy是ScriptManager的擴(kuò)展,是專門為使用了母版頁或用戶控件的工程中使用的腳本管理器。當(dāng)工程頁面中已使用了ScriptManager,那么在母版頁或用戶控件中就可以使用一個ScriptManagerProxy來代理ScripManager的工作。屬性上基本與ScriptManager控件一樣。

(3)UpdatePanel是使用最廣泛的Ajax控件,在頁面中嵌入UpdatePanel,就可以實現(xiàn)頁面的局部刷新。頁面中可以有多個UpdatePanel,UpdataPanel之間也可以相互嵌套。(應(yīng)用重點)
Updatapanel就是實現(xiàn)頁面局部刷新的控件,UpdatePanel控件的前臺代碼如下所示:
復(fù)制代碼 代碼如下:

<asp:UpdatePanel runat="server" ID="udp1">
<ContentTemplate> //模板
內(nèi)容模板 放置內(nèi)容的區(qū)域
</ContentTemplate>
<Triggers> //設(shè)置提交服務(wù)器的方式:異步或同步
<asp:AsyncPostBackTrigger ControlID="" EventName="" /> //指設(shè)置異步模式及controlID(引發(fā)更新的控件ID)和EventName(引發(fā)更新事件名稱)
<asp:PostBackTrigger ControlID="" /> //指同步模式,一般不設(shè)置這個,可以不寫這行代碼,因為ajax實現(xiàn)的就是異步更新,同步就失去了意義!
</Triggers>
</asp:UpdatePanel>

重要屬性和事件:
ChildrenAsTriggers:當(dāng)UpdateMode屬性值為Conditional時,設(shè)定UpdatePanel中的子控件的異步請求服務(wù)器是否會引起UpdatePanel的更新。
RenderMode:表示UpdatePanel解釋至前臺HTML代碼樣式,默認(rèn)值為Block即解釋為<div></div>,當(dāng)該屬性設(shè)置為Inline時,UpdatePanel被解釋為<span></span>
Triggers:設(shè)定觸發(fā)當(dāng)前UpdatePanel更新的控件和事件。(這個是重點)
UpdateMode:設(shè)定當(dāng)前UpdatePancl的更新模式:Always和Conditional。當(dāng)設(shè)定為Always時,UpdatePanel不管當(dāng)前是否存在Trigger都會更新。當(dāng)設(shè)定為Conditional時,只有當(dāng)前UpdatePancl設(shè)定了Trigger或ChildTrigger時,當(dāng)前UpdatePanel控件才會更新或提交頁面,或者當(dāng)服務(wù)器端調(diào)用Update()方法時才會更新UpdatePanel.
需要特別說明的屬性和事件:
Trigger屬性:指示當(dāng)前UpdatePanel使用的提交服務(wù)器方式,有同步提交或異步提交兩種。同步提交只需要指定觸發(fā)提交的控件ID,同步提交將會提交整個頁面。異步提交需要設(shè)定觸發(fā)異步提交的控件ID和服務(wù)器端的事件。

頁面中多個UpdatePanel共存:當(dāng)頁面上有多個UpdatePanel共存時,需要設(shè)定頁面上所有的UpdatePanel控件的UpdateMode屬性為Conditional,否則只要任何一個UpdatePanel局部更新被觸發(fā),將會更新所有頁面上的UpdatePanel。原因很簡單,頁面上所有的UpdatePanel控件的UpdateMode默認(rèn)為Always。

多個UpdatePanel的嵌套使用:當(dāng)多個UpdatePanel控件嵌套使用時,處于并列的UpdatePanel更新時互不影響。但當(dāng)兩個UpdatePanel相互嵌套時,處于內(nèi)層的UpdatePanel局部更新時并不會影響到處層的UpdatePanel,但是外層的UpdatePanel局部更新時會更新所有嵌套在它內(nèi)部的UpdatePanel。

(4)顧名思義UpdateProgress執(zhí)行的是頁面局部刷新過程中的工作。UpdateProgress可以提供一個刷新過程中用戶狀態(tài)的友好信息,如向客戶提示“正在加載數(shù)據(jù)”等。
UpdateProgress控件前臺代碼非常簡單,如下所示:
復(fù)制代碼 代碼如下:

<asp:UpdateProgress runat="server" ID="upg1">
<ProgressTemplate> //模板

<div alige=”ecnter” style=”width:1100px”> //以下代碼是顯示的信息或圖片部分
<img src=”image/loading.gif” align=middle />
</div>
</ProgressTemplate>
</asp:UpdateProgress>

重點屬性:
AssociatedUpdatePanelID:設(shè)定觸發(fā)UpdateProgress的UpdatePanel的ID,一般用于頁面中具有多個UpdatePanel的情況。
DisplayAfter:進(jìn)度信息顯示多少毫秒數(shù)。
DynamicLayout:布爾值屬性,設(shè)定當(dāng)前UpdateProgress是否動態(tài)繪制,而不是直接解釋在前臺。


(5)在WinForm的開發(fā)中,很多程序員都被Timer控件的功能所傾倒。Timer控件可以定期的觸發(fā)一些事件,比如提交整個頁面或刷新部分頁面等。
Timer控件的定義相當(dāng)簡單,只需聲明控件即可,代碼如下所示:
<asp:Timer runat="server" ID="timer1" Interval="1000" OnTick="timer1_Tick"></asp:Timer>
重點屬性:
Enabled:是否啟動Timer控件,并觸發(fā)Tick事件。
Interval:Timer控件觸發(fā)Tick事件的間隔事件,單位ms.
Tick:Timer控件在設(shè)定Enabled屬性為true時,每隔Interval屬性限定的時間執(zhí)行事件。

提示:一般把Timer控件放置在UpdatePanel之處,不然局部更新時又會重新設(shè)置間隔時間。前臺代碼:
復(fù)制代碼 代碼如下:

<asp:ScriptManager ID=”ScriptManagel” runat=”server”></asp:ScriptManager>
<asp:Timer ID=”Timer1” runat=”server” onTick=”Timer1_Tick” Interval=”1000” >
</asp:Timer>
<asp:UpdatePanel runat="server" ID="udp1">
<ContentTemplate>
內(nèi)容模板 放置內(nèi)容的區(qū)域
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>

相關(guān)文章

  • 解決AJAX請求中含有數(shù)組的辦法

    解決AJAX請求中含有數(shù)組的辦法

    這篇文章主要給大家介紹了如何解決AJAX請求中含有數(shù)組的問題,文中給出了詳細(xì)的示例代碼,相信對大家的理解和學(xué)習(xí)很有幫助,有需要的朋友們下面跟著小編一起來看看吧。
    2016-12-12
  • AJAX驗證數(shù)據(jù)庫內(nèi)容并將值顯示在頁面

    AJAX驗證數(shù)據(jù)庫內(nèi)容并將值顯示在頁面

    光標(biāo)離開文本框,在本頁面的相應(yīng)地方獲取數(shù)據(jù)庫中改值所對應(yīng)的其他數(shù)據(jù),相應(yīng)的實現(xiàn)代碼如下,感興趣的朋友可以看看
    2014-08-08
  • ASP AJAX 靜態(tài)分頁

    ASP AJAX 靜態(tài)分頁

    這個頁面注意是調(diào)用來自數(shù)據(jù)庫中的數(shù)據(jù)。
    2009-01-01
  • ajax和jsonp跨域的原理本質(zhì)詳解

    ajax和jsonp跨域的原理本質(zhì)詳解

    跨域問題是我們在開發(fā)中經(jīng)常會遇到的一個需求,下面這篇文章主要給大家介紹了關(guān)于ajax和jsonp跨域的原理本質(zhì),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11
  • AJAXRequest v0.2

    AJAXRequest v0.2

    AJAXRequest v0.2...
    2006-12-12
  • ajax問題總結(jié) 比較全

    ajax問題總結(jié) 比較全

    在看文章前,先指定一個變量xhr,xhr代表ajax對象。測試瀏覽器:ie為ie6,firefox為2,其他的未測試。統(tǒng)稱ie6為ie,firefox2為ff。
    2011-01-01
  • ajax實現(xiàn)輸入提示效果

    ajax實現(xiàn)輸入提示效果

    這篇文章主要為大家詳細(xì)介紹了ajax實現(xiàn)輸入提示效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • AJAX對服務(wù)器返回XML的處理方法

    AJAX對服務(wù)器返回XML的處理方法

    這篇文章主要介紹了AJAX對服務(wù)器返回XML的處理方法,實例分析了Ajax的實現(xiàn)技巧及針對XML返回數(shù)據(jù)的處理方法,需要的朋友可以參考下
    2015-03-03
  • Ajax獲得站點文件內(nèi)容實例不涉及服務(wù)器

    Ajax獲得站點文件內(nèi)容實例不涉及服務(wù)器

    選擇一部著作,會通過 Ajax 實時獲得相關(guān)的名字,一個簡單的不涉及服務(wù)器的Ajax實例,需要的朋友可以參考下
    2014-05-05
  • Ajax Hacking

    Ajax Hacking

    [紅色]Ajax Hacking...
    2006-11-11

最新評論