《第10章 无刷新数据处理技术》由会员分享，可在线阅读，更多相关《第10章 无刷新数据处理技术（17页珍藏版）》请在金锄头文库上搜索。
1、第10章 无刷新数据处理技术AJAX（Asynchronous JavaScript and XML，异步 JavaScript和XML）是一种创建互动式网页应用的网页开发技 术。在传统的应用程序中，用户在客户端填写表单，然后提交 表单时向服务器发送一个请求。服务器端接到表单后，处理并 返回一个新的表单。这种交互方式比较浪费带宽资源，因为也 许前后表单内容变化并不大。如果表单数据太大，客户端就会 等待比较长的时间。在这种情况下，就引入了AJAX技术。本章学习的内容有：了解AJAX的原理学习AJAX的服务端和客户端结构使用ASP.NET提供的AJAX控件下载并学习ASP.NET提供的AJAX工具
2、包10.1 AJAX概述使用ASP.NET中的AJA能，可方便快捷地创建响应 能力快的网页，并提供丰富的用户体验效果。AJAX的实现 其实来自其客户端脚本库。这些库将跨浏览器的JavaScript 和DHTML技术结合在一起，并与基于ASP.NET服务器的开 发平台集成。通过使用AJA能，可以改进用户体验并提 高Web应用程序的效率。10.1.1 ASP.NET中AJA能使用ASP.NET中的AJA能，可以生成丰富的Web应用程 序。与完全基于服务器的Web应用程序相比，这些应用程序具 有很多优点。 增强效率。这是因为网页的大部分处理工作是在浏览器 中执行的。 熟悉UI元素，如进度指示器、工具
3、提示和弹出窗口等。 部分页更新，只刷新已发生更改的网页部分。 客户端与用于Forms身份验证的ASP.NET应用程序服务、 角色和用户配置文件的集成。 自动生成的代理类，可简化从客户端脚本调用Web服务方 法的过程。 对大部分流行和常用的浏览器的支持，包括Microsoft Internet Explorer、Mozilla Firefox和Apple Safari等。10.1.2 ASP.NET中的AJA能的结构ASP.NET中的AJAX由两部分组成：客户端脚本库和服 务器组件。这两个组成部分集成在一起，为开发人员提供了 可靠的开发框架。10.1.3 客户端结构客户端结构包括用于组件支持、浏
4、览器兼容性、网络和 核心服务的库。10.1.4 服务器结构AJAX服务器由负责界面UI的ASP.NET Web服务器控 件和组件组成。这些服务器还管理序列化、验证、控件扩展 性等。服务器中还包含一些ASP.NET Web服务，这就允许 客户端访问用于Forms身份验证、角色和用户配置文件的 ASP.NET应用程序。10.2 创建AJAX应用程序本节创建使用ASP.NET的AJA能的基本应用程序。 读者可以了解到有关ASP.NET的AJA能的更多信息，将 知道这些功能旨在解决哪些技术问题，以及以下介绍性文档 将涉及哪些重要的AJAX组件。10.2.1 创建AJAX的网页创建一个ASP.NET网站
5、后，在页面中加入日期控件和 一个下拉列表框。根据下拉列表框选择的不同，日期控件背 景变为不同的颜色。10.2.2 使用Timer控件Timer控件按定义的时间间隔执行回发。如果将Timer 控件用于UpdatePanel控件，则可以按定义的时间间隔启用 部分页更新，还可以使用Timer控件来发送整个页面。10.2.3 使用Timer控件创建应用程序在本节中，将使用3个ASP.NET AJAX服务器控件 （ScriptManager控件、UpdatePanel控件和Timer控件） 按固定的时间间隔更新部分网页。通过将这些控件添加 到网页上，可消除在每次回发时刷新整个页面的需要， 只需要更新Up
6、datePanel控件的内容即可。10.3 使用Microsoft AJAX Library创建自定 义客户端脚本ASP.NET AJAX有助于创建客户端脚本，然后将其集 成到ASP.NET应用程序中。这主要是通过JavaScript的类型 系统、为JavaScript对象提供的类扩展等功能。ASP.NET还 包括ScriptManager控件，此控件可管理这些脚本库，以及 应用程序中的任何自定义脚本。10.3.1 AJAX Library简介Microsoft AJAX Library能够实现的主要功能如下。向JavaScript代码中添加面向对象的功能，用来提高代码 的重用性、灵活性和可维
7、护性。在运行时用反射检查客户端脚本的结构。用枚举提供另一种不同于整数的、易读的表示形式。用JavaScript基类型的扩展，缩短脚本的开发时间。使用调试扩展和跟踪功能，实现比传统JavaScript调试技 术更快、信息更丰富的调试。10.3.2 使用类型系统Microsoft AJAX Library增加了一个类型系统和一系列 对JavaScript对象的扩展。利用这些功能，可按结构化方式 编写支持AJAX的ASP.NET应用程序。这不仅能提高可维护 性，还简化了添加功能。Microsoft AJAX Library扩展为 JavaScript添加了以下功能。1类、成员和命名空间2访问修饰符3
8、继承4接口10.4 AJAX工具包通过前面的学习可以知道，开发人员还可以利用AJAX 提供的JS库，扩展或者自定义一些控件。ASP.NET网站上提 供了很多好的这些控件，都是扩展并封装好的。本节就就介 绍如何下载并使用它们。10.4.1 下载并安装AJAX工具包AJAX工具包的下载地址是 “http:/ 单击标记的按钮，会打开一个选择下载包类型的界面。这里 包含带源代码的包和不带源代码的包，读者根据喜好选择一 个即可。为了下载方便，本例选择了第2项，只带一个DLL 的下载包。下载后，只有一个bin文件夹，其中有一个 AjaxControlToolkit.dll文件，这就是封装好的组件库。现在
9、来学习如何添加该组件库到工具箱中。10.4.2 实现文本框水印效果在新添加的控件中，可以看到一个 TextBoxWatermarkExtender控件。顾名思义，这个控件实现 的是文本框水印效果。水印就是用户还没有填写文本框时，文 本框内给出一些提示文字，用户把光标放到文本框上时，这些 提示自动消失。本节通过一个示例来介绍它的使用方法。10.5 小结ASP.NET AJAX可以让开发者发挥出浏览器中Web应用 程序处理最出色的一面，而不需要跟服务器端交互来更新页 面。ASP.NET AJAX开发集成了ECMAScript（JavaScript） 客户端脚本库和ASP.NET 4.0基于服务器端的开发平台。 ASP.NET AJAX依赖于AJAX策略来创建Web应用程序，这 样就能通过客户端脚本向基于Web的应用程序发送请求。本 章各种AJAX控件的示例都很简单，读者需要在实际项目中更 多地动手应用，才能完全掌握AJAX技术。
