ASP.NET Ajax的使用方法

文章目录

  • 一、概述
  • 二、如何使用
    • 1、ScriptManager控件
    • 2、UpdatePanel控件
    • 3、ScriptManagerProxy控件
    • 4、Timer控件
    • 5、UpdateProgress控件


一、概述

Ajax与传统的开发模式对比,请点击我!

MicrosoftASP.NET框架的基础上创建了ASP.NET Ajax技术,能够实现Ajax功能。它被整合在ASP.NET 2.0及以上版本中,是ASP.NET的一种扩展技术。

所以说,在ASP.NET中以及对Ajax进行了封装,被定义成了各个控件,它在Visual Studio开发环境下的工具箱中的Ajax扩展项里面,如下图所示:

ASP.NET Ajax的使用方法_第1张图片
因为他们都属于服务器控件,所以他们都应该定义在

标签下,标签格式如下:

    <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>

你可能感兴趣的:(asp.net,Ajax技术)