,第11章 ASP.NET AJAX,教学目标,理解什么是Ajax 理解Ajax与传统Web技术的区别 理解Ajax的使用技术 掌握ASP.NET 4.0 AJAX控件的使用方法,第11章 ASP.NET AJAX,11.1 ASP.NET AJAX概述 11.2 ASP.NET AJAX控件,11.1ASP.NET AJAX概述,11.1.1 Ajax简介 11.1.2 Ajax与传统Web技术的区别 11.1.3 Ajax的优点 11.1.4 Ajax使用的技术 11.1.5 ASP.NET AJAX 11.1.6 ASP.NET 4.0 AJAX简单示例,11.1.1 Ajax简介,Ajax是Asynchronous JavaScript+XML（异步JavaScript和XML）的简写形式，是综合异步通信、JavaScript以及XML等多种网络技术的新的编程方式。上发送那些没有改变过的信息。 如果从用户看到的实际效果来看，也可以形象地称之为无页面刷新。,11.1.1 Ajax简介,Ajax Web应用程序与传统的Web交互相比发生了两点变化。首先，从浏览器到服务器之间的通信是异步的，也就是说，浏览器不需要等待服务器响应，当服务器查找并传送请求文档以及浏览器呈现新文档时，用户可以继续正在做的事情。第二，服务器提供的文档通常只是被显示文档的一小部分，因此，传送和呈现所花的时间都比较少。这两种变化使浏览器和服务器之间的交互速度快了许多。,11.1.2 Ajax与传统Web技术的区别,Ajax的工作原理如下。 客户端浏览器在运行时首先加载一个Ajax引擎（该引擎由JavaScript编写）。 Ajax引擎创建一个异步调用的对象，向Web服务器发出一个HTTP请求。 服务器端处理请求，并将处理结果以XML形式返回。 Ajax引擎接收返回的结果，并通过JavaScript语句显示在浏览器上。,11.1.3 Ajax优点,Ajax的优点 减轻服务器的负担。 不对整页页面刷新。 把以前的一些由服务器承担的工作转移到客户端处理。 基于标准化的并被广泛支持的技术，不需要插件，也不需要下载小程序。 使Web中的界面与应用分离，也可以说是数据与呈现分离。,11.1.4 Ajax使用的技术,Ajax技术看似非常复杂，其实并不是新技术，Ajax只是一些老技术的混合体，主要包括如下技术： (1) 使用XHTML+CSS来表示信息。 (2) 使用JavaScript操作DOM。 (3) 使用XML和XSLT(Extensible Stylesheet Language Transformations)进行数据交换及相关操作。 (4) 使用XmlHttpRequest对象与Web服务器进行异步数据交互。 (5) 使用JavaScript将各部分内容绑定在一起。,图11-2 XMLHttpRequest对象实现过程,11.1.5 ASP.NET AJAX,直到2007年1月，微软公司才真正推出了具有Ajax风格的异步编程模型，这就是ASP.NET AJAX。同时为了与其他Ajax技术区分，微软公司用大写的AJAX来标记。,11.1.6 ASP.NET 4.0 AJAX简单示例,虽然AJAX的原理听上去非常复杂，但是AJAX的使用非常方便。ASP.NET 4.0提供了AJAX控件以便于开发人员能够快速进行AJAX应用程序的开发。,11.2 ASP.NET 4.0 AJAX控件,11.2.1 ScriptManger（脚本管理员）控件 11.2.2 Timer（时间）控件 11.2.3 UpdatePanel（更新区域）控件 11.2.4 UpdateProgress（更新进度）控件,11.2.1 ScriptManger（脚本 管理员）控件,ScriptManager 控件是 ASP.NET 中 AJAX 功能的中心，该控件可以管理一个页面上的所有 ASP.NET AJAX 资源。 ScriptManager只能在页面中使用一次，并且必须出现在所有 ASP.NET AJAX 控件之前，ScriptManager控件用来进行该页面的全局管理。,11.2.2 Timer（时间）控件,在ASP.NET AJAX中，AJAX提供了一个Timer控件，用于按定义的时间间隔执行回发。如果将 Timer 控件用于 UpdatePanel 控件，则可以按定义的时间间隔启用部分页更新。 设置 Interval 属性可指定回发发生的频率，而设置 Enabled 属性可打开或关闭 Timer。Interval 属性是以毫秒为单位定义的，其默认值为 60,000 毫秒（即 60 秒）。,11.2.3 UpdatePanel（更新区域）控件,使用 ASP.NET UpdatePanel 控件可生成功能丰富的、以客户端为中心的 Web 应用程序。通过使用 UpdatePanel 控件，可以刷新页的选定部分，而不是使用回发刷新整个页面，这称为“部分页更新”。包含一个 ScriptManager 控件和一个或多个 UpdatePanel 控件的 ASP.NET 网页可自动参与部分页更新，而不需要自定义客户端脚本。,11.2.4 UpdateProgress （更新 进度） 控件,当服务器端与客户端进行异步通信时，可以使用UpdateProgress控件告诉用户现在正在执行中。,