课件 Lecture11.pptVIP

.NET架构与实践 Module 11: 创建 ASP.NET AJAX 应用程序 ASP.NET AJAX 介绍 使用 ASP.NET AJAX 扩展来创建 AJAX 应用程序 使用 ASP.NET AJAX 控件扩展应用程序 Lesson: ASP.NET AJAX 介绍 什么是 Asynchronous JavaScript and XML? 什么是 ASP.NET AJAX? ASP.NET AJAX 架构 什么是部分页面更新？ 什么是部分页面更新？ 什么是部分页面更新？ 什么是 Asynchronous JavaScript and XML? 提供创建交互式 Web 应用程序的技术 在后台与 Web 服务器交换数据 使得 Web 页面快速响应 使用开放标准，跨平台工作 什么是 Asynchronous JavaScript and XML? 它是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起 Ajax的关键技术： 使用XHTML(HTML)和CSS构建标准化的展示层 使用DOM进行动态显示和交互 使用XML和XSLT进行数据交换和操纵 使用XMLHttpRequest异步获取数据 使用JavaScript将所有元素绑定在一起 什么是 Asynchronous JavaScript and XML? DOM（Document Object Model）当创建了一个网页并把它加载到Web浏览器中时，就会在幕后创建一个文档对象模型 DOM表示被加载到浏览器窗口里的当前页面：浏览器向我们提供了当前页面的模型，而我们可以通过JavaScript访问这个模型 DOM把一份文档表示为一棵树 什么是 Asynchronous JavaScript and XML? 什么是 Asynchronous JavaScript and XML? 什么是 Asynchronous JavaScript and XML? 什么是 Asynchronous JavaScript and XML? 什么是 Asynchronous JavaScript and XML? 客户端与服务器的通信 客户端与服务器的通信 什么是 ASP.NET AJAX? 部分页面更新 利用 Web services 进行数据集成 支持大多数常用的浏览器 用户熟悉的 UI 元素 集成 ASP.NET 安全特性 大量的处理可以在浏览器中完成 简化 AJAX 操作的架构 ASP.NET AJAX 架构 ASP.NET AJAX 架构 Lesson: 使用 ASP.NET AJAX 扩展来创建 AJAX 应用程序 什么是 ASP.NET AJAX Extensions? 包含核心的服务器端组件 扩展 ASP.NET?服务器端控件架构 与 VS 2008 集成 在工具箱中添加控件 ASP.NET AJAX 控件 ScriptManager 为客户端组件管理脚本资源 UpdatePanel 使能部分页面刷新 UpdateProgress 提供部分页面刷新的状态 Timer 执行定期的 postbacks Demonstration: UpdatePanel 控件 添加 ScriptManager 控件 添加 UpdatePanel 控件 添加控件到 UpdatePanel 设置控件属性 为控件添加代码 构建并运行程序 Lesson:使用 ASP.NET AJAX 控件扩展应用程序 ASP.NET AJAX 控件介绍 访问 ASP.NET AJAX 控件 ASP.NET AJAX 控件介绍 ASP.NET AJAX 社区和微软共享项目 建立在 ASP.NET 2.0 AJAX Extensions 之上 包含一系列客户端组件 提供编写可重用、可扩展的 ASP.NET AJAX 控件 Lab: Creating a Microsoft ASP.NET AJAX Application Exercise 1: Implementing PartialRendering by Using the UpdatePanel Control Exercise 2: Installing and Implementing the AJAX Control Toolkit Lab Scenario 哈尔滨工业大学（威海）软件学院 初始下载整个页面 部分页面刷新，其余部分不变 Client Microsoft AJAX Library Core services Networking Browser compatibility Components Server ASP.NET AJAX Extensions Server controls Application services W