ASP.NET Ajax入門
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入門