ASP-NET-AJAX技术ppt课件(全)

1、ASP.NET AJAX技术 ASP-NET AJAX技术ppt课件（全）学习内容ASP.NET AJAX技术概述 ASP.NET AJAX核心控件AJAX CONTROL TOOLKIT ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX技术概述ASP.NET AJAX能够快速地创建具有丰富的用户体验的页面，而且这些页面由可靠和熟悉的用户接口元素组成，包括一个能快速响应的用户体验和熟悉的用户元素。ASP.NET AJAX提供客户端脚本(client-script)库，包含跨浏览器的ECMAScript(如JavaScript)和动态HTML(DHTML)技术，而且ASP.N

2、ET AJAX把这些技术同ASP.NET开发平台结合起来。使用ASP.NET AJAX，可以改善Web程序的用户体验和提高应用程序执行效率。ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX技术概述ASP.NET AJAX具有以下优势：提高浏览器中Web页面的执行效率。熟悉的UI元素，诸如进程指标控件、tooltips控件和弹出式窗口。部分页面刷新，只刷新已被更新的页面。实现客户端与ASP.NET应用服务的集成以进行表单认证和用户配置。通过调用Web服务整和不同的数据源数据。简化了服务器控件的定制以包括客户端功能。支持最流行的和通用的浏览器，包括微软IE，Firefox和Sa

3、fari。具有可视化的开发界面，使用VS 2010可以轻松自如的开发AJAX程序。ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX技术概述ASP.NET AJAX由客户端脚本库和服务器组件组成，它们一起提供了一个健壮的开发框架。 ASP.NET AJAX客户端脚本框架是可扩展的，100%面向对象的JavaScript客户端脚本框架，允许开发者很容易地构建拥有丰富的UI功能并且可以连接Web Service的AJAX风格浏览器应用程序。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX技术概述ASP.NET AJAX客户端脚本库包括以下各层内容：一个浏览器

4、兼容层。这个层为ASP.NET AJAX脚本提供了跨常用浏览器的兼容性，这些浏览器包括微软的IE，Mozilla的Firefox，苹果的Safari等。ASP.NET AJAX核心服务，这个核心服务扩展了JavaScript，例如把类、命名空间、事件句柄、继承、数据类型、对象序列化扩展到JavaScript中。一个ASP.NET AJAX的基础类库，这个类库包括组件，例如字符串创建器和扩展错误处理。一个网络层，该层用来处理基于Web的服务和应用程序的通信，以及管理异步远程方法调用。ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX技术概述微软为ASP.NET应用程序专门设计了

5、一组AJAX风格的服务器控件，并且加强了现有的ASP.NET页面框架和控件，以便支持ASP.NET AJAX客户端脚本框架。1. 异步客户端回调的支持，中有一项称作异步客户端回调的新特性，使得构建无中断的页面变的很容易。2. Web Service集成，服务端框架使用一套扩展的机制来暴露Web Service ,使得其可以被客户端Java Script直接访问。3. 应用服务，服务端也提供了一些内置的应用服务如授服务，个性化服务支持。4. 服务器端控件，ASP.NET AJAX服务器控件包括服务器和客户编码，以产生类似于AJAX的行为。 ASP-NET AJAX技术ppt课件（全）ASP.NE

6、T AJAX核心控件ASP.NET AJAX提供了一些服务端的控件，通过这些控件，即使不懂任何的客户端AJAX Library也能在ASP.NET中创建简单的AJAX应用。 这些核心的控件有：ScriptManager、UpdatePanel、UpdateProgress和Timer控件。ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件 ScriptManager控件 脚本控制器ScriptManager是AJAX程序运行的基础。它用来处理页面上所有组件以及页面局部更新，生成相关客户端代理脚本以便能够在JavaScript中访问Web Service等。在支持ASP

7、.NET AJAX的ASP.NET页面中，有且只能有一个ScriptManager控件来管理ASP.NET AJAX相关的控件和脚本。可以在该控件中指定需要的脚本库，也可以通过注册JavaScript脚本来调用Web服务等。一个ScriptManager的典型定义如下： ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件ScriptManager子标签的含义 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件ScriptManager的主要成员属性 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件ScriptMan

8、ager控件的服务集合包括了ServerReference对象，ServerReference对象绑定到每个注册到ScriptManager控件里Web服务。ASP.NET AJAX框架为每个服务集合的ServerReference对象生成了一个代理对象。ScriptManager的主要作用是在客户端注册一些服务器端的代码，最常用的就是将Web Service注册在客户端，这样就可以在JavaScript脚本中实现对Web服务的调用。在JavaScript中调用Web服务需要经过3个步骤：创建Web服务在客户端注册Web服务在JavaScript中引用服务的方法ASP-NET AJAX技术pp

9、t课件（全）ASP.NET AJAX核心控件UpdatePanel控件局部更新是ASP.NET AJAX中最基本、最重要的技术。UpdatePanel可以用来创建丰富的局部更新Web应用程序，其强大之处在于不用编写任何客户端脚本就可以自动实现局部更新。当使用UpdatePanel控件时，页面上的行为具有浏览器独立性，并且能够潜在的减少客户端和服务器之间数据量的传输。UpdatePanel控件能够刷新指定的页面区域，而不是刷新整个页面。整个过程是由服务器控件ScriptManager和客户端类PageRequestManager来进行协调的。页面更新局限于被UpdatePanel控件包含和被标识

10、为要更新的页面区域。服务器只为那些受到影响的浏览器元素返回HTML标记。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件UpdatePanel控件用来控制页面的局部更新，这些更新依赖于ScriptManager的EnablePartialRendering属性，如果此属性设置为false,则局部更新将失去作用。一个UpdatePanel的定义可以包括如下部分 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件UpdatePanel的常用子标签 1. ContentTemplate子标签：在UpdatePanel控件的ContentTemp

11、late标签中，开发人员能够放置任何ASP.NET控件，这些控件在ContentTemplate标签中，就能够实现页面无刷新的更新操作。 2.Triggers子标签：局部更新的触发器，包括二种触发器： （1）AsyncPostBackTrigger异步回传触发器，可以实现异步更新。 （2）PostBackTrigger不使用异步回传，而仍然是传统的整页全部更新。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件UpdatePanel主要属性ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件 UpdateProgress控件 UpdatePr

12、ogress控件能够设计一个更直观的用户界面，而这个用户界面用来显示一个页面中的一个或多个UpdatePanel控件实现部分页面刷新的过程信息。如果一个部分页面刷新过程是缓慢的，就可以利用UpdateProgress控件提供更新过程的可视化的状态信息。在一个页面可以使用多个UpdateProgress控件，每个与不同的UpdatePanel控件相配合。此外，可以使用一个UpdateProgress控件与页面上的所有UpdatePanel控件相配合。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件UpdateProgress的结构非常的简单，下面是一个使用的例子。

13、正在更新数据，请等待。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件UpdateProgress控件的常用属性 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件 Timer控件定时器控件Timer属于无人管理自动完成任务的一种特殊控件。Timer控件的功能与大多数编程工具中提供的Timer一样都是按照特定的时间间隔执行指定的代码 Timer的结构比较的简单，下面是一个使用的例子。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件Timer控件的常用属性 ASP-NET AJAX技术ppt课件（全）ASP.N

14、ET AJAX核心控件Timer控件能够定时引发整个页面回送，当它与UpdatePanel控件搭配使用时，就可以定时引发异步回送并局部刷新UpdatePanel控件的内容。Timer控件可以用在下列场合：定期更新一个或多个UpdatePanel控件的内容，而且不需要刷新整个页面。每当Timer控件引发回送时就运行服务器的代码。定时同步地把整个页面发送到服务器。ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件Timer 控件是一个将Javascript组件绑定在Web页面中的服务器控件。可以在服务器上运行的代码中设置Timer控件的属性，这些属性都会被传送给Javas

15、cript组件。当Timer控件启动一个回送时，Timer控件在服务器端触发Tick事件，可以为Tick事件创建一个处理程序来执行页面发送回服务器的请求。如果不同的UpdatePanel必须以不同的时间间隔更新，那么就可以在同一页面中包含多个Timer控件。或者设置单个Timer控件实例为同一页面中多个UpdatePanel控件的触发器。 ASP-NET AJAX技术ppt课件（全）ASP.NET AJAX核心控件Timer控件可以放在UpdatePanel控件内部，也可以放在UpdatePanel控件外部。当Timer控件位于UpdatePanel控件内部时，则JavaScript计时器组件

16、只有在每一次回送完成时才会重新建立，也就是说，直到页面回送之前，定时器间隔时间不会从头计算。当Timer控件位于UpdatePanel控件之外时，当回送正在处理时，JavaScript计时器组件仍然会持续计时。ASP-NET AJAX技术ppt课件（全）AJAX CONTROL TOOLKIT AJAX Control Toolkit工具集AJAX Control Toolkit 是由CodePlex开源社区和 Microsoft 共同开发的一个 ASP.NET AJAX 扩展控件包，其中包含了三十多种基于 ASP.NET AJAX 的、提供某一专一功能的服务端控件。它可以在不重新载入整个页面

17、的情况下实现最终更新页面或只刷新Web页中被更新的部分。并且它是一个免费的资源，任何程序开发人员都可以使用该资源。ASP-NET AJAX技术ppt课件（全）AJAX CONTROL TOOLKITVisual Studio 2010本身并没有自带AjaxControlToolkit控件，必须下载安装后才能使用。下载地址：/ajax/downloads/default.asxp，选择AjaxControlToolkit-Framework31.5-NoSource.zip 文件下载。点击AjaxControlExtender.vsi文件， 进行安装后添加到Visual Studio 2010工具箱即可使用。ASP-NET AJAX技术ppt课件（全）AJAX CONTROL TOOLKIT CalendaeExtend控件 使日历与TextBox控件完全的结合，在CalendaeExtend中选择日期，会直接反应在TextBox控件上，不需要写任何的程序代码。 CalendaeExtend中可使用年份和月份切换，且采取了列表是的显示，保证用户可以在任