ASP.NET Ajax入门

Posted 2020-10-12 .

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事件，执行代码。