应用程序开发技术教学课件作者章节忠宪学习单元8使用Ajax技术优化应用程序课件幻灯片.ppt

学习单元8 使用ASP.NET Ajax技术优化ASP.NET应用程序 任务1 使用UpdatePanel实现页面的局部更新 某论坛注册模块不仅想新增一个用户ID检测功能，还希望能改进原来注册模块存在的不足之处。具体功能要求如下： 当会员输入用户ID的时候，将自动对其ID进行检测，判断是否存在相同ID号的用户，并予以相应的检测结果； 在进行用户ID检测的时候，页面不必重新刷新； 原有注册模块的“出生日期”使用ASP.NET自带的日期控件来实现，该控件存在日期年、月无法自由选择的问题，致使用户要选择较早前或较晚时的日期需要通过日期提供的按钮逐月往前或往后推移日期，占用了用户大量的时间。使用新的办法解决出生日期选择不方便的功能缺陷； 原有注册模块的“所在地”在选择某一省份后，显示“城市”的下拉列表框无法自动将该省份所对应的城市筛选出来。如果选择的省份多，并且省份所对应的城市也多，将造成用户识别与选择城市的困难。使用新的办法解决城市识别与选择困难的功能缺陷。 8.1.1 任务场景 任务1 使用UpdatePanel实现页面的局部更新 8.1.2 学习引导 局部更新是Ajax技术中非常重要的一项功能，它可以将网页中需要更新的页面内容通过异步通信的方式提交到服务器进行处理及显示。这不仅缩短了用户等待请求响应的时间，还减少了通讯量，使应用程序效率得到提高。在ASP.NET Ajax为我们提供的服务器控件中，UpdatePanel控件便能帮我们实现这一功能，而ScriptManager作为页面脚本管理器，在任何需要使用Ajax控件的页面都必不可少。 8.1.3 相关知识与技术 ASP.NET Ajax框架是在.NET框架的基础上通过扩展具有Ajax功能的客户端脚本库和服务器组件，并将二者集成在一起的一种可靠的开发框架。 1. ASP.NET Ajax框架 ASP.NET Ajax客户端结构 ASP.NET Ajax服务器端结构 8.1.3 相关知识与技术 ASP.NET Ajax主要由ASP.NET Ajax Extensions、ASP.NET Ajax Control Toolkit、ASP.NET AjaxFeatureCTP以及Microsoft Ajax Library等四部分组成。 2. ASP.NET Ajax组成 ASP.NET Ajax Extensions ASP.NET Ajax Extensions是ASP.NET Ajax的核心，它集成了ASP.NET Ajax在服务器端及客户端的功能，使开发者既能开发以服务器端为中心，又能开发以客户端为中心的Ajax应用程序。ASP.NET Ajax Extensions主要由5个核心服务器控件组成，分别为： ScriptManager：脚本管理器。 ScriptManagerProxy：脚本管理器助理。当页面或页面嵌套时需使用多个脚本管理器来对Ajax控件进行管理时使用。 UpdatePanel：无刷新或局部更新控件。 UpdateProgress：加载提示控件。 Timer：定时器。 ASP.NET Ajax Control Toolkit ASP.NET Ajax Control Toolkit是微软技术社区开发的Ajax扩展工具包，提供了自动完成、智能密码强度提示、动态折叠面板等几十种用户的Ajax扩展控件。开发人员可以通过官网（）下载。 8.1.3 相关知识与技术 ASP.NET Ajax Features CTP ASP.NET Ajax Features CTP是提供给开发人员研究用的Ajax控件包。它包含一些正处于测试研究阶段的功能和控件，所以没有正式发布用于实际项目开发。 Miscrosoft Ajax Librabry Miscrosoft Ajax Librabry又称为Ajax脚本库，由几个.js文件组成，可为开发人员提供预定义的服务和工具。它能运用在任何接受JavaScript的编程环境。 3. ScriptManager ScriptManager是页面管理器，用于管理页面中的Ajax控件及脚本。它能够放置在任何ASP.NET所支持的页面上，并且每个页面有且只能放置一个。若遇到页面嵌套需要使用多个 ScriptManager控件的时候，可以选择将其放置在母版页或在页面中只保留一个，其他用ScriptManagerProxy替代。 ScriptManager控件常见属性 属性名称 属性说明 AllowCustomErrorRedirect 指明在异步回发过程中是否自定义错误重定向。 AsyncPostBackErrorMessage 服务器上发生未处理异常时要发送到客户端的错误信息。 AsyncPostBackTimeout