Ajax技术在Web中的应用研究

　　1. Ajax简介

　　Ajax 是异步 JavaScript 和 XML (Asynchronous JavaScript and Xml)的英文缩写，是由 Jesse James Garrett “Ajax:A New Approach to WebApplications”提出的 ，并且很快就受到了广泛的关注和推崇 。 实际上Ajax 并不是一种革命性的新技术，而是各种成熟技术的整合并以一种崭新的角色的应用， 其中包括 JavaScript、XTHML 和 CSS、DOM、XML和 XSTL，以及最重要的一个对象 XMLHttpRequest。开发人员可以使用 XHTML 和 CSS 实现数据信息的一体化、标准化显示： 使用 DOM 实现浏览器端丰富的动态显示效果以及与服务器端的交互; 使用 XML 和 XSTL 进行浏览器和服务器两端的数据信息交换与处理; 使用 XMLHttpRequest 对象进行浏览器和服务器端的异步数据读取;使用 JavaScript 脚本实现对所有数据进一步处理。

　　1.1 JavaScript JavaScript 是一种基于对象和事件驱动并具有安全性能的脚本语言, 使用它可以与 HTML 、Java 脚本语言一起实现在一个网页中链接多个对象,与网络客户交互作用,从而可以开发客户端的应用程序。 网页设计者们常在设计的页面中加入很多脚本特效，例如字符串组成的时钟、滚动的状态栏、漫天飘舞的雪花等，这些都是JavaScript 的功劳 。 在 Ajax 中 JavaScript 则是主要推动力,它使 DOM、XHTML、XML 和 CSS 可以相互协作 ， 并控制他们的行为 。 通过调用XMLHttpRequest 的属性和方法来获取服务器端数据, 然后调用 DOM的 API 来更新 Web 页面的内容,实现页面效果的动态控制。

　　1.2 XHTML 和 CSS XTHML 全称是可扩展的超文本标记语言(Extensible HyperText Markup Language)， 是一种为适应 XML 可扩展标记语言而重新改造的 HTML 语言它结合了 XML 中的部分强大功能及 HTML 中大部分的简单特性， 但是相比 HTML 其设计上更加严密。

　　CSS 的全称是(Cascading Style Sheet)，它的出现是为了弥补 HTML在格式修饰中的不足， 同时也为了能够实现页面格式的批量动态更新， 提高开发和维护效率， 进一步丰富页面的动态效果。 在 Ajax 中CSS 同样担当着界面表现的重任。 JavaScript 通过 XMLHttpRequest 对象和服务器进行交互，通常获取的都是单纯的数据，不包括表现元素，而将这些数据插入到文档本身就是一件严谨的工作，如果此时还需要使用 JavaScript 操作标记的属性来控制其外观， 会使代码更加复杂而且难以维护， 也无法做到使程序开发人员和界面设计人员分工合作，使用 CSS 则能很好的解决这些问题。

　　1.3 DOM DOM 的全称是文档对象模型 ( 即 Document ObjectModel)，它在本质上是一种文档平台。 文档对象模型(DOM)是表示文档(比如 HTML 和 XML)和访问、操作构成文档的各种元素的应用程序接口(API)。支持 Javascript 的所有浏览器都支持 DOM。DOM 实际上是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的一种语言平台。 DOM 是 W3C 定义的一种借口规范，它以树形结构表示HTML 和 XML 文档，定义了遍历这个树和检查、修改树的节点的方法和属性。