JavaScript、CSS（层叠样式表）、DOM（文档对象模型）、XMLHttpRequest是构成Ajax技术体系的四个技术基石，其中前三者合在一起以前称为DHTML。
JavaScript是一种弱类型、解释型的、通用的脚本语言，在Ajax技术体系中，它将各个部分粘合在一起。JavaScript定义应用业务逻辑、操作DOM改变和刷新用户界面、重绘或重新组织用户数据、处理用户交互。
CSS为Web页面元素提供了一种可重用的可视化样式的定义方法来定义应用的外观。样式表提供了集中定义各种视觉样式的方法并方便地设置到页面元素上。样式表可以定义样式元素、定义元素相互之间的布局以及简单的用户交互功能以实现视觉效果。HTML定义了文档的结构，定义了元素之间的包含关系，而不是外观，但它也定义了文档中可以应用样式的位置。通过定义CSS样式来定义用户界面的样式。
DOM组织网页视图，以一组可以使用JavaScript操作的可编程对象展现出Web页面的结构。通过使用脚本修改DOM在运行时改变用户界面，或重绘页面的某个部分。Web页面的DOM是树状结构，JavaScript引擎通过全局变量document公开当前web页面的根节点，这个变量是所有DOM操作的起点。DOM文档与HTML表单的关系是双向的，修改DOM将会改变HTML标记。
使用XMLHttpRequest以异步方式与服务器通信。它以后台方式获取数据，使得发生异步调用的业务流畅。数据格式通常是XML。IFrame是另外一种异步请求方式，本身作为文档布局的一部分，表现为DOM树的一个元素。样式可设置为不可见，使得以后台方式获取数据成为可能。
CSS和DOM互为补充，为用户界面提供了清晰的编程视图，同时保持了结构和视觉样式的分离。Ajax是以这四种技术为基础的新的交互模型。
JavaScript是一种弱类型、解释型的、通用的脚本语言，在Ajax技术体系中，它将各个部分粘合在一起。JavaScript定义应用业务逻辑、操作DOM改变和刷新用户界面、重绘或重新组织用户数据、处理用户交互。
CSS为Web页面元素提供了一种可重用的可视化样式的定义方法来定义应用的外观。样式表提供了集中定义各种视觉样式的方法并方便地设置到页面元素上。样式表可以定义样式元素、定义元素相互之间的布局以及简单的用户交互功能以实现视觉效果。HTML定义了文档的结构，定义了元素之间的包含关系，而不是外观，但它也定义了文档中可以应用样式的位置。通过定义CSS样式来定义用户界面的样式。
DOM组织网页视图，以一组可以使用JavaScript操作的可编程对象展现出Web页面的结构。通过使用脚本修改DOM在运行时改变用户界面，或重绘页面的某个部分。Web页面的DOM是树状结构，JavaScript引擎通过全局变量document公开当前web页面的根节点，这个变量是所有DOM操作的起点。DOM文档与HTML表单的关系是双向的，修改DOM将会改变HTML标记。
使用XMLHttpRequest以异步方式与服务器通信。它以后台方式获取数据，使得发生异步调用的业务流畅。数据格式通常是XML。IFrame是另外一种异步请求方式，本身作为文档布局的一部分，表现为DOM树的一个元素。样式可设置为不可见，使得以后台方式获取数据成为可能。
CSS和DOM互为补充，为用户界面提供了清晰的编程视图，同时保持了结构和视觉样式的分离。Ajax是以这四种技术为基础的新的交互模型。
来源：https://www.cnblogs.com/fxjun/archive/2006/08/04/467715.html