ASP.NET Ajax的使用方法


一、概述

Ajax與傳統的開發模式對比,請點擊我!

MicrosoftASP.NET框架的基礎上創建了ASP.NET Ajax技術,能夠實現Ajax功能。它被整合在ASP.NET 2.0及以上版本中,是ASP.NET的一種擴展技術。

所以說,在ASP.NET中以及對Ajax進行了封裝,被定義成了各個控件,它在Visual Studio開發環境下的工具箱中的Ajax擴展項裏面,如下圖所示:

在這裏插入圖片描述
因爲他們都屬於服務器控件,所以他們都應該定義在<form>標籤下,標籤格式如下:

    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        </div>
    </form>

二、如何使用

這些控件在使用上是具有一定規則的,例如,要想實現ASP,NET Ajax的所有功能,就必須在頁面中包含一個ScriptManager控件。

1、ScriptManager控件

它用於生成相關的客戶端代理腳本(JavaScript),以便能夠支持訪問Web服務,它的標籤定義如下:

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

一個aspx頁面只能擁有一個ScriptManager控件

2、UpdatePanel控件

用於更新網頁上的內容,所以網頁需要局部更新的內容區域必須放在UpdatePanel控件內,它的定義主要爲更新區域和更新方式,它的標籤定義如下:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate></ContentTemplate>
    <Triggers></Triggers>
</asp:UpdatePanel>

其中,ContentTemplateTriggersUpdatePanel控件的子元素

3、ScriptManagerProxy控件

功能與ScriptManager控件相同,只適用於母版頁和內容頁同時需要Ajax局部更新時來區分使用的。

標籤定義如下:

<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"></asp:ScriptManagerProxy>

4、Timer控件

指定在時間間隔內實現刷新功能,它的標籤定義如下:

<asp:Timer ID="Timer1" runat="server" Interval="1000"></asp:Timer>

其中Interval屬性Timer的關鍵,表示時間間隔,以毫秒爲單位

5、UpdateProgress控件

用於在執行頁面異步更新時,顯示執行狀態信息,該信息可以是文本,也可以是圖片。這樣,可以實現在更新數據時,顯示一個進度條效果,帶給用戶更好的體驗。它的標籤定義如下:

<asp:UpdateProgress ID="UpdateProgress1" runat="server"></asp:UpdateProgress>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章