[工学]第十章实现Ajax技术.ppt

基于.net的Web程序设计 主讲人 任建平 电子与信息工程学院 第10章 实现Ajax技术 ASP.NET AJAX是指基于Ajax技术的ASP.NET编程模型。Ajax是（Asynchronous JavaScript and XML）的缩写，是综合异步通信、 JavaScript 以及XML等多种网络技术的新的编程方式。如果从用户看到的实际产生的效果来看，也可以形象地称为无页面刷新。特点是： 在客户端发起异步请求，工作由服务器转到客户端 不对整页页面刷新； 减轻服务器的负担，“按需取数据”； 几乎已经成为Web开发标准技术 使Web中的界面与应用分离，也可以说是数据与呈现分离 表 UpdatePanel控件的常用属性 例10-1/UpdatePanelExample1 例10-1/UpdatePanel 例10-1/localUpdatePanel 在母版页和内容页中实现局部更新 由于网页发送到客户端时，母版页和内容页的内容会合并在一起，因此只需要在母版页中放置一个ScriptManager控件，母版页和内容页就都可以使用UpdatePanel了。 注意： ScriptManager控件不能放到ContentPlaceHodler控件内，否则无法在模板页中使用UpdatePanel控件。 例10-1/MasterPageUpdatePanel 例TimerDemo 例ShowAdvertisement 例TimerRotateImage Ajax也存在缺点： Ajax会使页面产生局部的刷新，在页面的返回按钮点击（返回上一个页面）的时候，会造成页面的失效。 ASP.NET AjaxControlToolkit简介 微软还提供了一个ASP.NET Ajax控件扩展包– AjaxControlToolkit。它是一个免费的、开源的Ajax服务器端控件包，其中包括了数十种Ajax扩展控件。 下载地址：/AjaxControlToolkit/ VS2005:下载AjaxControlToolkit-NoSource.zip VS2008:下载AjaxControlToolkit-Framework3.5SP1-NoSource.zip 使用时，需将AjaxControlToolkit.dll添加到VS中。 具体使用方法可参考官方演示效果：/ajax/ajaxcontroltoolkit/samples/ 使用第三方组件 Ajax.dll AjaxPro.dll MagicAjax.dll 具体添加过程是： (1)新建一个网站； (2)在工具箱上右击鼠标，在快捷菜单中选择“添加选项卡”，并输入名称AjaxControlToolkit； (3)在“AjaxControlToolkit”选项卡上右击鼠标，在快捷菜单中选择“选择项”命令； (4)在打开的“选择工具箱”中添加AjaxControlToolkit.dll； (5)单击“确定”，可看到在“AjaxControlToolkit”选项卡中添加了许多控件项。 作业10 P347 一、 1，2 三、 1 ASP.NET Ajax可以使在浏览器中的ASP.NET Web应用程序发挥出最佳的性能，并且在客户端用户也有很好的操作体验，而不需要去跟服务器端交互来更新页面。最初的ASP.NET Ajax 1.0在ASP.NET 2.0之上以一个单独安装的形式发布，供用户下载使用。 从.NET 3.5开始，所有这些特性都成为ASP.NET所内置的。这意味着在构建或部署应用时，不再需要额外下载和安装单独的ASP.NET Ajax安装文件。只需要在Visual Studio 2008中创建针对.NET 3.5的ASP.NET应用程序或网站项目，Visual Studio 2008会自动在Web.config文件里添加适当的Ajax注册设置，而且核心ASP.NET Ajax服务器控件会出现在工具箱里。这些也是本章所要重点介绍，包括什么是Ajax，如何部署ASP.NET Ajax环境以及实现Ajax技术等等。 内容摘要 了解Ajax的含义及优势 熟悉ASP.NET Ajax环境配置方法 掌握ASP.NET Ajax基本控件的使用 掌握PasswordStrength控件的应用 掌握Rating控件的应用 掌握SlideShowExtender控件的应用 掌握CollapsiblePanel控件的应用 掌握AutoCompleteExtender控件的应用 学习目标 10.1 ASP.NET Ajax ASP.NET Ajax是Microsoft为在.NET环境中应用Ajax而开发框架的简称，最初的简称为Atlas。目前在最新版的.NET