0：未初始化——创建

1：初始化——open

2：发送请求——send

3：开始接受结果

4：接收结果完毕

状态每改变一次，调用一次回调函数。方法调用5次，但是前两次的readyState==1

onreadystatechange = callback

绑定回调函数，不加()。

XMLHttpRequest的status：

200 OK

404 Not Found

500 Serevr Error

 1 var xmlHttpRequest;
 2     
 3     //创建XMLHttpRequest对象
 4     function createXmlHttpRequest() {
 5         var xmlHttp;
 6         if(window.ActiveXObject) {
 7             try {
 8                 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
 9             } catch (e) {
10                 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
11             }
12         }else if(window.XMLHttpRequest) {
13             xmlHttp = new XMLHttpRequest()
14         }
15         
16         return xmlHttp;
17     }
18     
19 
20     function checkExist() {
21         xmlHttpRequest = createXmlHttpRequest();
22         xmlHttpRequest.onreadystatechange = callBack;
23         
24         var url = "http://localhost:8080/Ajax/CheckUser?uname="+document.getElementById("userName").value;
25         
26         xmlHttpRequest.open("GET", url, true);
27         xmlHttpRequest.send(null);
28     }
29     
30     function callBack() {
31         if(xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200) {
32             var result = xmlHttpRequest.responseText;
33             //
34         }
35     }

Ajax中请求被缓存的问题

在Ajax开发中，会遇到浏览器缓存内容的问题，比如，某个元素注册了鼠标事件（onmouseover），事件触发后会通过 xmlhttprequest到服务器获取内容，在不刷新页面的情况下，浏览器会缓存第一次请求的内容，服务端更新后浏览器仍然显示第一次的内容。

通常，这种请求都是xmlhttprequest发起的GET请求。根据 HTTP 规范，GET 用于信息获取，而且应该是幂等的。也就是说，当使用相同的URL重复GET请求会返回预期的相同结果时，GET方法才是适用的。当对一个请求有副作用的时候（例如，提交数据注册新用户时），应该使用POST请求而不是GET。所以浏览器会对GET请求做缓存处理。

解决办法：

一. GET请求URL后附加字串，让服务器认为不是相同的请求。

例 "http://www.example.com/index.php?class=aitcle&page=5&_t=" + new Date().getTime()

二. 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("If-Modified-Since","0")

三. 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");

四. 服务端响应请求时加 header("Cache-Control: no-cache, must-revalidate"); （PHP）

五. 使用POST代替GET，浏览器不会对POST做缓存

转自 http://yanglei008.javaeye.com/blog/222401