《ASP.NET 3.5网站开发实例教程 978-7-302-19617-4 ch09》由会员分享，可在线阅读，更多相关《ASP.NET 3.5网站开发实例教程 978-7-302-19617-4 ch09（34页珍藏版）》请在金锄头文库上搜索。
1、2019年5月24日,第1页,第9章 ASP.NET AJAX,ASP.NET3.5网站开发实例教程 清华大学出版社,2019年5月24日,第2页,教学目标,了解ASP.NET AJAX的基本知识 掌握ASP.NET AJAX主要控件的用法 了解ASP.NET AJAX Control Extenders扩展控件,2019年5月24日,第3页,第9章 ASP.NET AJAX,9.1 ASP.NET AJAX概述 9.2 ScriptManager控件 9.3 UpdatePanel控件 9.4 UpdateProgress控件 9.5 Timer控件 9.6 ASP.NET AJAX Con
2、trol Extenders扩展控件,2019年5月24日,第4页,9.1 ASP.NET AJAX概述,Ajax（Asynchronous JavaScript and XML）技术是由Jesse James Garrett提出的，是综合异步通信、JavaScript以及XML等多种网络技术新的编程方式。如果从用户看到的实际效果来看，也可以形象地称之为无页面刷新技术。,2019年5月24日,第5页,9.1 ASP.NET AJAX概述,Ajax技术的最大优点就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变过的信息。,2019
3、年5月24日,第6页,9.1 ASP.NET AJAX概述,2005年，Microsoft公司在专业开发人员大会上宣布将在ASP.NET上实现Aja能（开发代号为“Atlas”），主要是为了充分利用客户端JavaScript、DHTML和XMLHttpRequest对象。目的是帮助开发人员创建更具交互性的支持Ajax的Web应用程序。直到2007年1月，Microsoft公司才真正推出了具有Ajax风格的方便的异步编程模型，这就是ASP.NET AJAX 1.0。同时为了与其他的Ajax技术区分，Microsoft公司用大写的AJAX，并在其前面加上ASP.NET。,2019年5月24日,第7
4、页,9.1 ASP.NET AJAX概述,ASP.NET AJAX 1.0是以可以在ASP.NET 2.0之上安装的单独一个下载的形式发布的。从. NET Framework 3.5开始，所有这些特性都成为ASP.NET所固有的，这意味着在构建或部署应用时，你不再需要下载和安装单独的ASP.NET AJAX安装文件。,2019年5月24日,第8页,9.2 ScriptManager控件,9.2.1 ScriptManager控件的属性和方法 9.2.2 ScriptManager控件的用法,2019年5月24日,第9页,9.2.1 ScriptManager控件的属性和方法,2019年5月24
5、日,第10页,9.2.2 ScriptManager控件的用法,【例9-1】简单的ASP.NET AJAX示例,2019年5月24日,第11页,9.3 UpdatePanel控件,9.3.1 UpdatePanel控件工作原理 9.3.2 UpdatePanel控件属性,2019年5月24日,第12页,9.3.1 UpdatePanel控件工作原理,UpdatePanel控件的工作依赖于ScriptManager控件和客户端PageRequestManager类（Sys.WebForms.PageRequestManager，可以参考其它相关资料），当ScriptManager允许页面局部更新
6、时，它会以异步的方式回传给服务器，与传统的整页回传方式不同的是只有包含在UpdatePanel中的页面部分会被更新，在从服务器返回XHTML之后，PageRequestManager会通过操作DOM对象来替换需要更新的代码片段。,2019年5月24日,第13页,UpdatePanel工作过程,2019年5月24日,第14页,9.3.2 UpdatePanel控件属性,2019年5月24日,第15页,9.3.3 在UpdatePanel中实现局部更新,【例9-2】在UpdatePanel中实现局部更新。 【例9-3】利用Triggers属性指定服务器控件回传方式。,2019年5月24日,第16页
7、,9.3.4 同一页面上使用多个UpdatePanel,【例9-4】同一页面上使用多个UpdatePanel的示例,2019年5月24日,第17页,9.3.5 在内容页中使用UpdatePanel,【例9-5】在内容页中使用UpdatePanel的示例 【例9-6】在母版页中更新内容页的UpdatePanel的示例。,2019年5月24日,第18页,9.3.6 UpdatePanel异步更新中的错误处理,【例9-7】将异步更新中的错误消息发送给客户端,2019年5月24日,第19页,9.4 UpdateProgress控件,9.4.1 UpdateProgress控件属性 9.4.2 使用Up
8、dateProgress控件的方法 9.4.3 使用多个UpdateProgress控件的方,2019年5月24日,第20页,9.4.1 UpdateProgress控件属性,2019年5月24日,第21页,9.4.2 使用UpdateProgress控件的方法,【例9-8】使用UpdateProgress控件示例。,2019年5月24日,第22页,9.4.3 使用多个UpdateProgress控件的方法,【例9-9】使用多个UpdateProgress控件。,2019年5月24日,第23页,9.5 Timer控件,9.5.1 Timer控件属性和事件 9.5.2 使用Timer控件定时更新
9、UpdatePanel 9.5.3使用Timer控件定时更新多个UpdatePanel,2019年5月24日,第24页,9.5.1 Timer控件属性和事件,2019年5月24日,第25页,9.5.2 使用Timer控件定时更新UpdatePanel,【例9-10】在UpdatePanel内部使用Timer控件。,2019年5月24日,第26页,9.5.3 使用Timer控件定时更新多个UpdatePanel,【例9-11】使用Timer控件定时更新多个UpdatePanel示例。,2019年5月24日,第27页,9.6 ASP.NET AJAX Control Extenders扩展控件,9
10、.6.1 如何使用ASP.NET AJAX Control Extenders 9.6.2 使用FilteredTextBoxExtender控件防止输入非法字符 9.6.3 使用SlideShowExtender控件播放幻灯片 9.6.4 使用AlwaysVisibleControlExtender固定位置显示控件,2019年5月24日,第28页,9.6.1 如何使用ASP.NET AJAX Control Extenders,1. 添加扩展控件到VWD2008的工具箱 2. 绑定扩展控件到某个已存在的控件 3. 合并属性窗格 4. 删除绑定的扩展控件,2019年5月24日,第29页,9.6
11、.2 使用FilteredTextBoxExtender控件防止输入非法字符,2019年5月24日,第30页,9.6.3 使用SlideShowExtender控件播放幻灯片,2019年5月24日,第31页,9.6.4 使用AlwaysVisibleControlExtender固定位置显示控件,2019年5月24日,第32页,实验9 ASP.NET AJAX,实验目的: 进一步熟悉ASP.NET AJAX 技术，掌握ASP.NET AJAX服务器控件和扩展控件的使用方法。,2019年5月24日,第33页,实验内容和要求,（1）新建名字为“AJAX_ Exercise”的网站。 （2）在网站中
12、建立名为Images的文件夹，并在文件夹中添加几张图片。 （3）添加一个网页，当单击Button控件时，局部更新Image控件中的图片。 （4）添加一个网页，当单击Button控件时，局部更新Image控件中的图片，同时利用UpdateProgress控件提示更新信息。 （5）添加一个网页，定时局部更新Image控件中的图片。,2019年5月24日,第34页,（6）建立母版页和内容页，要求在内容页中每2秒钟局部更新Label控件的当前时间。 （7）添加一个网页，在两个UpdatePanel控件中分别放置一个显示时间的Label控件，当单击UpdatePanel外面的Button控件时，只有其中一个UpdatePanel控件局部刷新。 （8）添加一个网页，使用SlideShowExtender扩展控件，自动播放Image控件中的图片。 （9）添加一个网页，只允许文本编辑框输入小写字母。 （10）添加一个网页，在网页的两边悬浮固定位置的广告。,
