request.onreadystatechange=showResponse;在open之后send之前，当代码解析到request.onreadystatechange=showResponse;时，此时的readyStates=1（请求已和服务器建立接连），此后当readyStates由1变为2，回调函数showResponse加入任务队列中等待被执行，readyState从2变化到3，回调函数showResponse第二次加入任务队列，readyState从3变化到4，回调函数再次加入队列。所以猜想当主代码执行完毕后，控制台会输出“请求已发送，服务器已接收，send之后”，“请求正在处理”，“请求已完成”；确实如此：
（3）服务器应答请求对象，js就可以处理响应内容了：
function showResponse(){
if(request.readyState==0){
console.log('请求未初始化，调用open之前');
}else if(request.readyState==1){
console.log('请求已提出，服务器连接已建立，open之后send之前');
}else if(request.readyState==2){
console.log('请求已发送，服务器已接收，send之后');
}else if(request.readyState==3){
console.log('请求正在处理');
}else if(request.readyState==4){
console.log('请求已完成');
if(request.status==200){
//处理request.responseText;
}
}
}
上面代码仅是为了跟踪readyState变化，实际项目代码要不了这么多。底下才是实际主要代码：
function showResponse(){
if(request.readyState==4){
if(request.status==200){
//处理request.responseText;
}
}
}
ps:Ajax解决什么问题
我们都知道, 在客户端向服务器请求一个页面时, 服务器首先动态的计算并生成出页面, 然后再发给客户端. 客户端浏览器顺序编译并呈现页面.
在没有Ajax时: 假如说页面有个用户验证控件, 那么在客户端浏览器呈现用户验证控件时, 会等待服务器的验证结果, 收到结果后才能继续呈现页面元素. 而这个验证过程通常要进行读取数据库等操作, 这就是所谓的同步方式. 而这种方式, 会造成网页呈现的假死状态.
在使用Ajax后: 同样是验证控件, 客户端提交了验证请求后, 便继续顺序呈现其他元素. 当取得验证结果后, 由javascript在客户端修改内存中的DOM对象后并呈献给用户(注意: 这里修改的只是内存中的DOM对象, 而客户端接收的页面文件并没有修改). 这样, 使用异步的方式, 就不会出现假死状态, 同时客户端也节省了等待服务器返回结果时的时间开销.
