重庆大学软件学院Web开发技术课件第7章 AJAX程序设计.pptVIP

第7章 AJAX程序设计技术 （学时数：2学时） 第7章 AJAX程序设计技术 第7章 AJAX程序设计技术 7.1 AJAX概述 Ajax通过异步数据交换和处理，可以显著提高Web应用程序运行效率，给Web开发者带来了新的希望。Ajax并不是一门新的语言或技术，它实际上是几项技术按一定的方式组合在一起共同协作中发挥各自的作用。具体来说，Ajax基于下列核心技术： (1) XHTML：对应W3C的XHTML规范，目前是XHTML1.0。 (2) CSS：对应W3C的CSS规范，目前是CSS2.0。 (3) DOM：这里的DOM主要是指HTML DOM。 (4) JavaScript：对应于ECMA的ECMAScript规范。 (5) XML：对应W3C的XML DOM、XSLT、XPath等规范。 (6) XMLHttpRequest：对应WHATWG（Web Hypertext Application Technology Working Group）的 Web Applications1.0规范的一部分 7.1 AJAX概述 Ajax的工作原理相当于在用户和服务器之间加了一个中间层—Ajax引擎，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器，像一些数据验证和简单的数据处理等都交给Ajax引擎自己来做，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。其应用程序模型如图7-1所示。 7.1 AJAX概述 7.2 用XMLHttpRequest实现Ajax技术 Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面)，这一特点主要得益于XMLHTTP组件中的XMLHttpRequest对象。  XMLHttpRequest对象的方法和属性如表7-1和表7-2所示。 7.2 用XMLHttpRequest实现Ajax技术 表7-1 XMLHttpRequest对象方法 ： 7.2 用XMLHttpRequest实现Ajax技术 表7-2 XMLHttpRequest对象属性 : 7.3 AJAX应用框架 利用XMLHttpRequest对象兼容性较好的特点，可以开发出比较健壮的Ajax应用程序。同时由于XMLHttpRequest对象比较接近于底层，在实际开发过程中可以根据具体情况进行灵活控制。但是基于XMLHttpRequest实现Ajax的应用需要程序员直接处理客户端脚本、DHTML、客户端数据展现等，实现过程比较繁琐，对程序员本身要求也比较高，不利于该技术的推广应用。目前在.NET开发环境中，已经有不少可供程序员直接使用的Ajax开发组件，比如ASP.NET Ajax（原Atlas）、MagicAjax.NET、Ajax.NET等等。这些开发组件无一例外地都实现了对XMLHttpRequest的封装，简化了ASP.NET实现Ajax的复杂程度。这些Ajax开发组件实质上就是一个Ajax应用框架。 7.3.1 Ajax框架分类 7.3.2 .NET平台下的AJAX框架 1． Ajax.Net 利用Ajax.Net，开发者可从客户端浏览器利用JavaScript调用运行在.NET平台上的服务器处理对象。Ajax.Net包括一个DLL，可以与VB.NET或C#一同使用。Ajax.Net框架的文档很好地展示了针对各种场景的解决方案，而且能得到相关的源代码。虽然Ajax.Net可以比较灵活地控制Ajax请求，但是当利用Ajax.Net进行Ajax开发时，仍然需要开发者编写比较繁琐的JavaScript代码处理请求和返回数据以及页面更新，所以相对其它Ajax框架应用不够简便，学习起来要困难一些，故我们将重点放在后两种框架的介绍上。 7.3.2 .NET平台下的AJAX框架 2.Microsoft的ASP.NET AJAX（原Atlas） Microsoft在Ajax领域涉足的时间己经不短了，毕竟，XMLHttpRequest对象是Microsoft提出的，而且从1998年开始就已经用在Web版本的Outlook中。Microsoft把重点放在提供一个更加健壮的开发环境上，从而让开发人员的工作更轻松。Microsoft ASP.NET AJAX应用框架完美地实现了和ASP. NET服务器组件以及Web服务的集成。 7.3.2 .NET平台下的AJAX框架 3． MagicAjax.NET介绍 MagicAjax.NET是.NET平台的开源Ajax框架（可以在下载其最新版本），该框架基于控件内容进行数