《C Sharp 3.0从基础到项目实战》课件第24章ASP.NET AJAX技术.ppt

1、 24.1 ASP.NET AJAX概述概述 24.2 常用常用ASP.NET AJAX服务器控件服务器控件 24.3 小结小结24.1 ASP.NET AJAX概述Ajax（Asynchronous JavaScript and XML，异步异步JavaScript和和XML）是当今网页技术中的热）是当今网页技术中的热门，大部分浏览器都支持门，大部分浏览器都支持Ajax，其最突出的特点，其最突出的特点是综合利用是综合利用JavaScript、XML、HTML、文档对、文档对象模型等技术实现了象模型等技术实现了B/S系统中网页的局部刷新。系统中网页的局部刷新。ASP.NET AJAX框架是目前

2、对框架是目前对Ajax技术最完备的技术最完备的封装，其丰富的组件可以使开发人员非常方便地封装，其丰富的组件可以使开发人员非常方便地利用面向对象的思想实现利用面向对象的思想实现Ajax网页技术。使用网页技术。使用“ASP.NET AJAX”一词时均使用大写，而在使一词时均使用大写，而在使用用“Ajax”一词时只有首字母是大写，如果出现一词时只有首字母是大写，如果出现“AJAX”，则为，则为“ASP.NET AJAX”的缩写。的缩写。24.1 ASP.NET AJAX概述ASP.NET AJAX由由3个部分构成，分别为个部分构成，分别为ASP.NET中的中的AJAX功能、功能、ASP.NET AJ

3、AX控件工具箱和控件工具箱和Microsoft AJAX Library 3.5。ASP.NET中的中的AJAX功能是功能是ASP.NET AJAX的核心部分，包括的核心部分，包括AJAX库和库和AJAX扩展，这两个组成部分集成在一起以提供扩展，这两个组成部分集成在一起以提供可靠的开发框架。其中，可靠的开发框架。其中，AJAX库指的是库指的是ASP.NET AJAX的客户端部分，的客户端部分，AJAX扩展扩展指的是服务器控件和服务器端的架构。指的是服务器控件和服务器端的架构。24.2 常用ASP.NET AJAX服务器控件24.2.1 ScriptManager控件控件ScriptManage

4、r控件是控件是ASP.NET AJAX功能的核功能的核心，它的主要作用是生成相关的客户端代理脚本，心，它的主要作用是生成相关的客户端代理脚本，以便处理页面局部更新，访问以便处理页面局部更新，访问WebService，添，添加对其他客户端加对其他客户端JavaScript文件的引用或向用户文件的引用或向用户返回错误信息等。返回错误信息等。常用属性：常用属性：AllowCustomErrorsRedirectAsyncPostBackErrorMessageAsyncPostBackTimeoutEnablePartialRendering Services、Scripts 24.2.1 Scri

5、ptManager控件常用方法常用方法OnAsyncPostBackError()方法：当异步回发方法：当异步回发发生异常时将捕获错误并做出相应的处理，将发生异常时将捕获错误并做出相应的处理，将结果返回给客户端。结果返回给客户端。OnResolveScriptReference()方法：在向方法：在向ScriptManager控件注册脚本文件时发生。控件注册脚本文件时发生。24.2.2 ScriptManagerProxy控件一个网页只能包含一个一个网页只能包含一个ScriptManager控控件，该控件可直接位于网页本身，也可以件，该控件可直接位于网页本身，也可以间接放置在嵌套的组件或父组件

6、内。最常间接放置在嵌套的组件或父组件内。最常见的用法是将见的用法是将ScriptManager控件放置在控件放置在母版页中。若有母版页，再添加一个母版页中。若有母版页，再添加一个ScriptManager控件是不允许的。但是可控件是不允许的。但是可以利用以利用ScriptManagerProxy控件，控件，ScriptManager控件和控件和ScriptManagerProxy控件功能上非常相似。控件功能上非常相似。24.2.3 UpdatePanel 控件UpdatePanel控件是一个面板控件，其功能是使控件是一个面板控件，其功能是使页面实现部分刷新，能够避免不必要的整页刷新。页面实现部

7、分刷新，能够避免不必要的整页刷新。网页进行部分刷新时，提交给服务器的数据与整网页进行部分刷新时，提交给服务器的数据与整页刷新所返回数据的差别为，部分刷新从服务器页刷新所返回数据的差别为，部分刷新从服务器返回的数据为刷新部分的数据，而不是整个页面返回的数据为刷新部分的数据，而不是整个页面的数据。的数据。在在UpdatePanel控件的控件的ContentTemplate中添加中添加所要所要UpdatePanel控件的内容，可以是字符、图控件的内容，可以是字符、图像、函数、动画和像、函数、动画和HTML标记等，因为其可以用标记等，因为其可以用于实现异步更新，因而用户可以灵活适时地使用于实现异步更新

8、，因而用户可以灵活适时地使用此控件。此控件。24.2.3 UpdatePanel 控件UpdatePanel控件的常用属性控件的常用属性：Triggers ChilderAsTriggers UpdateMode 24.2.4 UpdateProgress控件该控件用于提供与之相关联的该控件用于提供与之相关联的UpdatePanel控件中的部分页更新的状态控件中的部分页更新的状态信息信息。该控件可放置在该控件可放置在UpdatePanel控件的内部控件的内部或外部，只需将或外部，只需将UpdateProgress控件的控件的AssociatedUpdatePanelID设置为相关联设置为相关联

9、的的UpdatePanel的的ID值，因此它只能应用值，因此它只能应用于于UpdatePanel控件。控件。UpdateProgress控件常用的属性：控件常用的属性：AssociatedUpdatePanelID、DiaplayAfter、DynamicLayout。24.2.5 Timer控件Timer控件负责以预定义的时间间隔执行异步或控件负责以预定义的时间间隔执行异步或同步网页回发。如前所述，同步网页回发。如前所述，Windows应用中的应用中的Timer控件可以按一定时间间隔周期性地自动触控件可以按一定时间间隔周期性地自动触发某一事件。在发某一事件。在Web应用程序中，应用程序中，T

10、imer控件可控件可用 于 定 时 地 更 新 整 个 页 面，也 可 以 与用 于 定 时 地 更 新 整 个 页 面，也 可 以 与UpdatePanel控件一起使用，用于定时执行部分控件一起使用，用于定时执行部分页面的更新。页面的更新。Web应用程序中的应用程序中的Timer控件和控件和Windows应用程应用程序中的属性大致相同，也是通过设置序中的属性大致相同，也是通过设置Interval属性属性来设置刷新周期，设置来设置刷新周期，设置Enabled属性可以启用或属性可以启用或禁用禁用Timer控件，并可通过设置其控件，并可通过设置其Tick事件来设事件来设置周期性所要执行的操作。置周

11、期性所要执行的操作。24.2.5 Timer控件可以将可以将Timer控件放在控件放在UpdatePanel控件之内，控件之内，也可以放在也可以放在UpdatePanel控件之外，都可以实现控件之外，都可以实现对部分页的刷新。对部分页的刷新。Timer控件在控件在UpdatePanel控件之内的使用：这种情况控件之内的使用：这种情况下下Timer控件将对控件将对UpdatePanel控件有效，即实现对部控件有效，即实现对部分页进行周期性的更新。通过对分页进行周期性的更新。通过对Timer控件的控件的Interval属性和属性和Tick事件进行设置就可事件进行设置就可。Timer控件在控件在Up

12、datePanel控件之外的使用：当控件之外的使用：当Timer控件在控件在UpdatePanel之外时，既可以对部分页进行刷之外时，既可以对部分页进行刷新也可对整个页面进行刷新。若要对整个页面进行刷新也可对整个页面进行刷新。若要对整个页面进行刷新，只需将新，只需将Timer控件放置在网页上即可。需要注意的控件放置在网页上即可。需要注意的是，刷新页面时不会对是，刷新页面时不会对UpdatePanel控件内的内容进控件内的内容进行更新。若要对特定的行更新。若要对特定的UpdatePanel控件有效，则只控件有效，则只需设置需设置UpdatePanel控件的某些属性即可。控件的某些属性即可。24.

13、3 小结本章主要介绍了当前非常热门的本章主要介绍了当前非常热门的Ajax技术，通技术，通过本章的学习，可以使读者加深对过本章的学习，可以使读者加深对Web应用程应用程序的理解，也可以掌握序的理解，也可以掌握Ajax的基本知识。的基本知识。本章首先对本章首先对Ajax进行了初步介绍，然后介绍了进行了初步介绍，然后介绍了服务器组件中的服务器组件中的Ajax服务器控件，包括服务器控件，包括ScriptManager、UpdatePanel、UpdateProgress和和Timer控件，分别介绍了它控件，分别介绍了它们的常用属性和方法。们的常用属性和方法。本章内容对于本章内容对于Web程序设计有很大的帮助，目程序设计有很大的帮助，目前很多前很多Web应用程序都会用到应用程序都会用到Ajax功能，因此功能，因此掌握掌握ASP.NET AJAX中是非常重要的。中是非常重要的。