ajax只是一个称呼

　　记得刚入行的时候，看到ajax，即异步的javascript和xml这样一个概念，一点感觉都没有。参加工作前的第一轮面试，被问到有没有自己实现过ajax，我觉得自己实现肯定很复杂吧。

• 从名字理解

　　从名字说起，“异步的javascript和xml”，其中javascript是一种流行于前端页面的语言，它可以操作html页面的各种元素，让静止的页面（静态页面）动起来（动态页面）；而xml，一种树形数据格式，用来传输数据用的。就这样，最有迷惑的是异步的，什么叫做异步的？举个生活中的栗子。你本来和小明约好放学一起回家的，结果半路小明被小红叫去修灯泡了，于是你就不等小明，自己回家了。不一起走了，这就是异步。这时候小明就是ajax，他去小红家修灯泡，就好比ajax向后台发起请求，虽然他得等到修完灯泡才能回家，当然他也可以选择不回家，而这对你没影响，你就好比是页面的其他部分，还是该干嘛干嘛。

• 从效果理解

　　ajax的出现最初只为一个目的——页面的局部刷新（整体页面不动，局部变动）。如何做到的？页面向服务器发起一个请求，然后接收到服务器返回的数据并将数据渲染到当前页面，如此而已。动态渲染，这不就是JS最擅长的吗。发送请求和获取数据用到的是JS的XMLHttpRequest对象。所以说，ajax，就是给一段javascript代码起了个名字。

• 从核心理解

　　要理解ajax，不得不介绍XMLHttpRequest对象，是因为XMLHttpRequest是ajax的核心，也是几乎是ajax的全部。弄懂了XMLHttpRequest，就明白了ajax。什么是XMLHttpRequest对象？

　　1.XMLHttpRequest 对象用于在后台与服务器交换数据。2.所有现代的浏览器都支持 XMLHttpRequest 对象。

　　方法：

　　open(method,url,async)     规定请求的类型（GET/POST）、URL 以及是否异步处理请求。

　　send()                              将请求发送到服务器

　　属性：

　　responseText                     获得字符串形式的响应数据。

　　readyState                        存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。（0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪）

　　status                               响应状态码（常见的如：200代表请求成功，404代表未找到页面）

　　onreadystatechange           存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。

• 从源码理解（XMLHttpRequest对象的使用）

　　----------------------------创建XMLHttpRequest对象-----------------------------------------

　　var xmlhttp;

　　if (window.XMLHttpRequest) {//  IE7+, Firefox, Chrome, Opera, Safari

　　　　xmlhttp = new XMLHttpRequest();

　　} else {// code for IE6, IE5

　　　　xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

　　}

　　----------------------------定义成功接收数据后进行的操作，渲染页面--------------------------------------------------
 　　xmlhttp.onreadystatechange = function() {

　　　　if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

　　　　　　alert(xmlhttp.responseText);

　　　　}

　　}

　　-----------------------------设置XMLHttpRequest参数并发送请求-----------------------------------------

　　xmlhttp.open("GET",url,true);

　　xmlhttp.send();

　　ajax核心代码短短十三行搞定。