ajax初步学习文档.pdfVIP

ASP.NET AJAX初步 大连东软信息学院 大学生创业实训中心 目录 • 什么是ASP.NET AJAX • ASP.NET AJAX扩展的安装 • ASP.NET AJAX服务器端开发模式介绍 • ASP.NET AJAX Control Toolkits介绍 • 客户端Javascript调用Web服务 什么是ASP.NET AJAX 什么是AJAX • Ajax是Asynchronous JavaScript and XML 的缩写，即异 步JavaScript和XML – 一种Web开发方法，使用客户端脚本与Web服务器实现数据交互。 • Ajax特性 – 页面动态更新，不会导致整个页面完全刷新 – 很好的用户体验 Ajax异步更新原理 AJAX组成元素 • HTML和DOM – 浏览器将HTML页面被组织成DOM对象，AJAX程序可以使用DOM，有效的 重绘页面中的部分内容 • CSS – AJAX程序可以使用CSS修改用户界面的外观 • XML和JSON – 用于在客户端和服务器之间传递数据 – XML是标准的数据表示格式 – JSON:Javascript Object Notation，在客户端有着优良的性能，可以减少网络 流量 • XMLHttpRequest – AJAX 的核心部分 – 允许开发者在Javascript 中以异步方式向服务器发出Http请求并得到响应 • JavaScript – Javascript将以上技术粘合在一起 AJAX构成元素 Hello Ajax World • 建立一个first_ajax.htm页面 – 在该页面中使用XMLHttpRequest对象，异步请求服务器上的 welcome.htm页面 • Welcome.htm – 该页面中保存着需要从服务器传递到客户端first_ajax.html 中的数据 什么是ASP.NET Ajax • 开发Ajax应用并非易事 – 浏览器兼容问题 – 熟练掌握JavaScript语言 • ASP.NET AJAX框架是AJAX技术在.net环境中的一种实现 方式 • ASP.NET AJAX框架能够支持开发人员高效率的创建有丰富 内容、具有交互性的Web应用，而且能够跨浏览器兼容。 • ASP.NET AJAX组成 – 客户端框架 • Microsoft Ajax Library • ASP.NET AJAX 服务代理 – 服务器端框架 • ASP.NET AJAX 服务器控件 • Web服务桥 • 应用服务桥 ASP.NET Ajax体系结构图 ASP.NET AJAX扩展的安装 下载和安装ASP.NET AJAX • 下载安装文件 – – ASPAJAXExtSetup.msi • 双击安装 – 安装程序会注册System.Web.Extensions程序集 – 在VS2005 中安装ASP.NET AJAX-Enabled Website模板 下载并安装Ajax Control Toolkit • 下载安装文件 – – AjaxControlToolkit.zip • 使用Ajax Control Toolkit – 如果下载的为源代码需要先编译 – 找到AjaxControlToolkit.dll程序集 • 向VS2005 中加入Toolkit控件 – 在VS2005工具箱中，新增一个Tab页 – 在新Tab页上，点击右键，选择浏览项，找到 AjaxExtensionsToolbox.dll – 所有Toolkit控件就会出现在工具箱中 ASP.NET AJAX服务器端开发模式介绍 服务器端开发使用的控件 • ScriptManager • UpdatePanel • UpdateProgress • Timer ScriptManager组件 •