1. 程式人生 > >ASP.NET Ajax入門

ASP.NET Ajax入門

bsp 一個 帶來 間隔 req 無刷新 ren 交換對象 定時執行

Ajax是Asynchronous JavaScript and XML(異步JavaScript 和XML技術)的縮寫,它是由JavaScript腳本語言、CSS樣式表、XMLHttpRequest數據交換對象和DOM文檔對象(XMLDOM對象)等多種技術組成。

能夠以更少的響應時間帶來跟加豐富的用戶體驗的一類web應用程序所使用的技術集合。它可以實現異步傳輸和無刷新功能。

優點:

可實現web頁面的局部刷新

異步處理。web頁面對服務器的請求將使用異步處理,也就是說,服務器的處理不會打斷用戶的操作,從而提高了響應能力,給予用戶更好的體驗。

提供跨瀏覽器的兼容性支持

大量內建的客戶端控件,更方便實現JavaScript功能以及特效

ASP.NET Ajax服務器控件

ScriptManager腳本管理控件

ScriptManager控件負責管理當前頁面中所有的Ajax服務器控件,是Ajax的核心。有了ScriptManager控件才能夠讓Page局部刷新起作用。所有要使用Ajax,每個頁面中必須要ScriptManager控件。並且有且只有一個。

在ScriptManager中使用<Scripts>標記映入腳本資源。使用<Services>標記引入web Service

<Scripts><asp:ScriptReference Path="~/Script.js" /</Scripts>

UpdatePanel局部更新控件

屬性:

ContentTemplate中放置控件、html代碼等。這裏面的控件、代碼可以局部更新,不會整個頁面更新。

UpdateMode共有兩種模式:Always與Conditional,Always是每次Postback後,UpdatePanel會被連帶更新;而Conditional只針對特定情況才更新。

當頁面中有多個UpdatePanel時,設置成Conditional可以避免相互間的影響。

在UpdatePanel中可以實現局部更新,在之外同樣可以觸發局部更新。使用到Triggers屬性。Triggers包含兩種觸發器:一種是AsyncPostBackTrigger,用於引發局部更新,另一種PostBackTrigger,用於引發整頁回送。設置行為中的ControlID屬性和EventName屬性,設置相應控件的id和事件。

   <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                 <asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick"></asp:Timer>
            </ContentTemplate>
        </asp:UpdatePanel>

Timer定時器控件用於定時執行某段代碼

Interval屬性

間隔時間

Tick事件,執行代碼。

ASP.NET Ajax入門