Ajax概述

Ajax的全称是Asynchronous JavaScript And XML，即异步JavaScript和XML，它在2005年由Jesse James Garrett首次提出。后面很短的时间内，Ajax被广泛的应用到大量B/S结构的应用中，改进了传统的web应用，给浏览者一种更连续的体验。

Ajax最大的优势在于异步交互，即表示浏览者在浏览页面的时候，可以同时向服务器发送请求，甚至可以不用等待前一次的响应结束，就可以继续发送请求数据。这种异步的请求方式，非常类似于传统的桌面应用。通过使用Ajax技术，可以使互联网网页具有更友好的人机交互和更美观的浏览界面。

Ajax技术的核心在于异步请求，浏览器无需频繁地重新加载新页面，服务器的响应不再是整个页面内容，而只是必须更新的部分数据。Ajax可以减轻服务器和带宽的负担，提供更好的服务响应。使用Ajax的异步模式，浏览器无需重新加载整个页面，就可以显示新的数据。浏览器通过JavaScript代码向服务器发送请求，JavaScript代码负责解析服务器的响应数据，并把样式表加到数据上，然后在现有的网页中显示出来。

Ajax技术催生了一种新的网络游戏平台：网络游戏–游戏玩家们不用下载游戏任何的客户端，直接打开网页就可以开始游戏。

使用Ajax

Ajax应用本质是一种RIA，而且Ajax的优势非常明显；基于Ajax的应用无须浏览器下载任何插件，并且可以在任何平台上良好运行。

从本质上看，Ajax就是：异步发送请求+JavaScript，当然也包括了动态装载服务器数据。

Ajax通过在浏览器和服务器之间添加Ajax中间层，允许浏览器异步发送请求，同时允许动态加载服务器响应。用户的请求不再直接向服务器提交，而是使用AMLHttpRequest异步地向服务器发送，从而避免了丢弃当前页面。

Ajax技术核心

Ajax技术核心是XMLHttpRequest

XMLHttpRequest是整个Ajax技术地灵魂。可以这样说，没有XMLHttpRequest就没有所谓地Ajax，Ajax的技术核心是异步发送请求，而XMLHttpRequest则是异步发送请求的对象。如果抛开异步发送请求，Ajax的其他技术将完全失去原有的意义。

Ajax的编程脚本

Ajax的编程脚本是JavaScript语言

JavaScript是一种跨平台的脚本语言。JavaScript简单易用，而且在绝大部分浏览器中都运行良好。

JavaScript脚本是Ajax技术中另一个重要部分。JavaScript主要完成如下事情：

• 创建XMLHttpRequest对象
• 通过XMLHttpRequest向服务器发送请求
• 创建回调函数，监视服务器响应状态，在服务器响应完成后，回调函数启动
• 回调函数通过DOM动态更新HTML页面

JavaScript是Ajax技术的粘合剂，通过将其他几个技术有机地结合在一起，从而就形成了Ajax技术。

HTML页面的DOM模型

DOM（Document Object Model）是操作HTML和XML文件的一组API，它提供了文件的结构表述。

通过使用DOM，可以采用编程方式操作文档结构，可以改变文档的内容；通过使用DOM，HTML页面以一种结构化方式组织在一起，HTML页面的内容以节点方式组织。

HTML页面中DOM模型的主要功能是允许JavaScript动态操作HTML文档。通过DOM可将HTML页面视为一组包含父子关系的节点。JavaScript 可以访问每个节点，修改节点内容及其属性，也可以新增节点、删除节点。这些DOM操作将直接对应HTML页面内容的改变。简而言之，DOM提供了动态改变HTML页面内容的方法。

DOM也是Ajax的核心技术。没有DOM，JavaScript在获取服务器数据后无法动态更新HTML 页面，获得的数据无法显示在用户的当前浏览页面中。事实上，DOM 也是 JavaScript获取页面数据的方式。在JavaScript发送请求之前，已经需要使用DOM来获取请求数据了。

动态加载和显示数据

CSS（Cascading Style Sheets，级联样式单）和XML（可扩展标记语言）并不是Ajax所必需的技术。但通常Ajax依然离不开这两项技术。实际上，HTML页面本身就离不开CSS，如果想让HTML页面更美观，就需要CSS的配合了。

在Web页面中采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。通过 CSS 技术，只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，CSS技术的优点主要有：

• 目前几乎所有浏览器都支持CSS技术。
• 支持丰富的表现效果。以前一些采用图片实现的效果，现在完全可以通过CSS实现，从而提供更快的下载速度。
• 页面的字体更漂亮，更容易编排，页面效果更加美观。
• 支持更好的页面布局。
• 同一个CSS文件可以同时控制多个页面，从而避免重复更新每个页面。

CSS主要的工作是让页面的表现更友好。虽然CSS并不是Ajax所必需的，但对于实际应用而言，用户界面的友好是非常重要的，因而CSS也是必不可少的技术。