CSS与AJAX的综合应用 - CSS与其他技术 - 第3课

本节课时长15分14秒，下载文件23.1兆字节。下载的视频文件为FLV格式，推荐使用“Riva Flv Player”软件播放，点击这里下载。

Ajax（Asynchronous JavaScript and XML，异步JavaScript和XML）是目前很新的一项网络应用技术。确切的说Ajax不是一项技术，它是一组技术的集合，它能使浏览器为用户提供更为自然的浏览体验，就像在使用桌面应用程序一样。本课首先介绍AJAX的基础知识，然后重点讲解CSS在AJAX中的重要地位，以及简单的AJAX使用方法。

1.AJAX概述

Ajax是一项很有生命力的技术，它的出现引发了web应用的新一轮革命。目前网上的众多站点，使用Ajax技术的还非常有限，但可以预见在不远的将来，Ajax必然成为整个网络的主流。我们在这里主要对Ajax技术作概括性的介绍，包括Ajax的组成以及基本原理等。

• 什么是AJAX
• AJAX的关键元素
• CSS的重要地位

2.AJAX入门

正如上一节所提到，Ajax作为一项新的web技术，结合了4种不同技术，实现了客户端与服务器端的异步通讯，并且对页面实行局部更新，大大增强了浏览的速度。Ajax的内容十分丰富，它能够将一个页面制作成强大的桌面应用程序，就像Google Map、Google Moon、Gmail等。关于Ajax的详细介绍，有兴趣的读者可以参考其它相关资料，我们在这里只是通过简单的实例，对Ajax进行初步的了解。

• 创建XMLHttpRequest对象
• 发出AJAX请求
• 处理服务器响应
• 加入CSS样式

3.AJAX实例：能够自由拖动布局区域的网页

如前面描述的，Ajax综合了各方面的技术，不但能够加快用户的访问速度，使得应用网页就像使用桌面应用程序一样，还可以实现各种特效。我们在这里以简单的拖动布局区域为例，展示Ajax的强大功能，并利用CSS修改页面的风格样式，效果如图所示。