ajax 实现原理

<script type="text/javascript">
         var xmlhttp;
  function test(){
         var username = document.getElementById("un").value;
         //创建ajax中的XMLHttpRequest对象，针对于不同浏览器
         if(window.XMLHttpRequest){
              xmlhttp = new XMLHttpRequest();
             }else{
               xmlhttp = new ActiveXObject("MSXML2.XMLHTTP.6.0")
                 }
            
               xmlhttp.onreadystatechange= test1;
               xmlhttp.open("GET","user_usernameValidate.do?username="+username, true);
               xmlhttp.send(null);
               
  }


    function test1(){
    alert(xmlhttp.readyState);
                var sp = document.getElementById("msg");
               if(xmlhttp.readyState==4){
                    var flag = xmlhttp.responseText;
                    if(flag==0)
                        sp.innerHTML = "<font color='red'>用户名已存在</font>";
                        else if(flag==1)
                            sp.innerHTML = "<font color='green'>用户名可以使用</font>";
                                           
                   }
    }

</script>

0 － （未初始化）还没有调用send()方法
 1 － （载入）已调用send()方法，正在发送请求
 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
 3 － （交互）正在解析响应内容
 4 － （完成）响应内容解析完成，可以在客户端调用了

每一次readyState的变化都会触发readystatechange进而触发test1；