《ASP.NET动态网页设计案例教程 教学课件 ppt 作者 郭建东 教程PPT及教案chap08》由会员分享，可在线阅读，更多相关《ASP.NET动态网页设计案例教程 教学课件 ppt 作者 郭建东 教程PPT及教案chap08（15页珍藏版）》请在金锄头文库上搜索。
1、第8章 ASP.NET AJAX框架,学习要点 掌握AJAX的原理 掌握ASP.NET AJAX基本控件的使用,AJAX原理 （一）,AJAX是Asynchronous JavaScript And XML的缩写，即异步JavaScript与XML。AJAX不是一种新的编程语言，而是一种应用JavaScript、XML等技术进行Web开发的编程模式。 在传统的Web应用中，当客户端向服务器端提交请求后，服务器端接收请求，并生成一个新的页面，回发给客户端，而在实际应用中，真正需要更新的只是页面中的部分数据，页面中大部分的内容都是相同的。显然，采用这种方式开发的Web应用浪费了带宽，增加了服务器的
2、响应时间，降低了程序执行效率。 采用AJAX开发的Web应用，当客户端向服务器端提交请求时，仅将必要的数据发送到服务器，而服务器也仅将必要的数据发回客户端，在页面不刷新的情况下，更新部分页面显示。与传统的Web应用相比，采用AJAX开发的Web应用，减少了客户端与服务器端的数据传输量，提高了运行效率。,AJAX原理（二）,图8-1 传统Web应用工作原理,图8-2 AJAX工作原理,AJAX技术,AJAX不是新技术，而是各种老技术（HTML、CSS、JavaScript等）的综合。AJAX所包含的技术如下： HTML、CSS用于页面显示数据。 DOM用于动态显示和交互。 XML、XSLT用于数
3、据交换、处理。 XMLHttpRequest用于异步数据读取。 JavaScript用于绑定和处理所有数据。 其中，DOM、XMLHttpRequest和JavaScript是AJAX技术的核心。,XMLHttpRequest对象（一）,表8-1 XMLHttpRequest对象的主要属性,XMLHttpRequest对象（二）,XMLHttpRequest对象的创建 发送数据 获取数据,案例8-1 使用AJAX技术进行用户名检测,实现方案 手工编写AJAX引擎，进行用户名检测,（a）用户名在数据库中不存在的运行效果,（b）用户名在数据库中已存在的运行效果,ASP.NET AJAX体系结构,A
4、SP.NET AJAX，是ASP.NET AJAX的核心部分，包括了核心AJAX类型系统、网络协议层（Networking Stack）、组件模型、扩展器（Extender）基类，以及与ASP.NET集成的服务器端功能，即AJAX Extensions，包括ScriptManager、UpdatePanel、Timer等控件。 ASP.NET AJAX CTP，ASP.NET AJAX社区支持的“增值”CTP部分，包括了以前各个Atlas CTP版本包含的，但并不在完全支持的“核心”1.0版本内的额外的高级特性。 3）ASP.NET AJAX Control Toolkit。包含了基于ASP.
5、NET AJAX 1.0版“核心”版本的大量的功能极强的免费AJAX控件。,ScriptManager控件,ScriptManager 控件管理支持 AJAX 的 ASP.NET 网页的客户端脚本。默认情况下，ScriptManager 控件会向页面注册 Microsoft AJAX Library 的脚本，使客户端脚本能够使用类型系统扩展、支持页面局部更新和调用Web服务。Web页面如果要支持AJA能，必须有且仅有一个ScriptManager控件。ScriptManager控件必须放在form中，且必须放在其他AJAX控件之前。,案例8-2 使用AJAX技术进行用户名检测,实现方案 通过S
6、criptManager调用Web服务实现用户名检测,ScriptManagerProxy,ScriptManagerProxy与ScriptManager十分类似，如果在母版页中使用了ScriptManager，而内容页需要使用其他脚本时，则在内容页使用ScriptManagerProxy，而不是ScriptManager 。,UpdatePanel、UpdateProgress,UpdatePanel主要用于页面局部更新，可以将需要局部更新的控件放在UpdatePanel中，并将ScriptManager的EnablePartialRendering属性设为true 。 UpdatePro
7、gress经常与UpdatePanel结合使用，当UpdatePanel进行异步更新时，显示提示信息 。,案例8-3,根据用户输入的用户名，即时更新欢迎信息；单击按钮，即时显示当前时间。 案例分析 欢迎信息和当前时间需要更新，可使用两个UpdatePanel，分别用于显示欢迎信息和当前时间。,（a）案例8-2运行结果（一）,（b）案例8-2运行结果（二）,Timer控件,AJAX的Timer控件与C/S程序中的Timer控件功能类似，每间隔指定的时间局部更新页面。,表8-7 Timer控件的常用属性,案例8-4 实时更新用户登录页面的时间,案例分析 每间隔一秒钟，更新标签控件的内容,图8-5 案例8-3运行结果,
