AJAX与动态网页

AJAX：异步JavaScript和XML(asynchronous javascript and xml)是一种创建交互式网页应用的网页开发技术，不同浏览器有自己的AJAX实现组件，有ajax技术后就不需要对整个网页进行刷新，局部更新既不占用带宽又可以提高加载速度

AJAX技术将请求的网络资源分为HTML纯文档(DOM)和js脚本，浏览器可以通过解析并执行js脚本来更新数据，而通过非浏览器终端发送的请求，通常只能拿到纯文档

一、JavaScript将HTML网页转化为DHTML

要认识原生的JavaScript，重要的是了解其对于HTML的三种改进方法：1.以HTML中的<script>标签为固定位置进行代码内嵌；2.对<script>元素中的src属性路径引用一个存放外部的JavaScript代码文件；3.JavaScript代码直接出现在特定HTML元素属性里，也叫事件处理器

在当前浏览器显示中对HTML信息进行修改称之为DOM操作（文档对象模型），这些操作构成了产生动态浏览器行为的基本过程，JavaScript可供支持的修改操作有很多，HTML元素和属性可以添加移动删除，CSS样式也可以修改

二、XHR-DHTML中数据的获取机制

XHR就是将传统的HTTP协议同步请求通信变成[异步发起HTTP请求]。传统上的HTTP协议的同步通信通常意味着在网络服务器处理一个新的网页过程中，用户和浏览器之间的交互是无效的。而支持在浏览器与Web服务器之间进行持续的信息交换的方法就是XHR（XMLHttpRequest）

XHR在DHTML(动态网站)中的数据获取机制如下：1.用户通过任何浏览器可识别的事件发起一个AJAX请求，比如说点击一个按钮，下拉一个菜单之类的，然后JavaScript会把这个请求作为一个实例化的XHR对象；2.这个XHR对象会向服务器发起一个对特定文件的请求，请求一般从后台发出，所以不影响用户与网页的交互；3.请求在服务器端会被接受和处理，相应的数据就会通过XHR对象发回给浏览器客户端；4.数据到了客户端会被接受，该事件就会被触发然后被某个事件处理器所捕获

在XHR的实际使用过程中，一般可以加载HTML/XML和JSON等数据类型