AJAX XMLHttpRequest 实现

     var xmlhttp;
function verify(){

     var name=document.getElementById("name").value;

    //1创建xMLhttprequest对象
     if(window.XmlHttpRequest){

         xmlhttp=new XMLHttpRequest();

         if(xmlhttp.overrideMimeType()){

               xmlhttp.overrideMimeType("text/xml");
         }

        
     } else if(window.ActiveXObject) {

             var activename=["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];

               for(var i=0;i<activename.length;i++){

                      try{
                           xmlhttp=new ActiveXObject(activename[i]);
                           break;

                      } catch( e){

                         document.write("创建对象的时候出现异常");

                      }
            }

        
     }
        //确认是否创建对象成功
         if(!xmlhttp){
            
                    alert("创建xmlhttp对象失败！");
                    return ;
               }else{
             alert("对象创建成功后"+xmlhttp.readyState);

      }

    //2注册回调函数。。。
    //不要加（），如果加括号的话，，就变成是调用了。。。
       xmlhttp.onreadystatechange = callback;

    //3：设置连接信息servlet
   //第一个参数表示http请求的方式。支持get，post
   //第二个参数表示请求的url地址。get请求的的方式也在url中。。
   //第三个参数表示是同步还是异步，true表示异步。。。
   
    //xmlhttp.open("GET","AJAXServlet?name="+name,true);

    //post请求方法的测试。。
    xmlhttp.open("POST","AJAXServlet","true");
   //post请求必须设置头信息
    xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

     xmlhttp.send("name="+name);
    //4发送数据，开始和服务器进行交互。。。
    //send中设置参数的数值；
    //同步方式下，send这句话，会在服务器端数据回来之后才会执行，，，
    //异步的方式下。send这句话会立即执行。。。
    //xmlhttp.send(null);

    //5接受响应数据。。
    // 判断服务器端回来的xmlhttp 对象的状态，，看是否交互完成。。
   function callback(){

        // 这时候的状态有4个变化的
        alert("post接受服务器端得请求"+xmlhttp.readyState);
         
    if(xmlhttp.readyState==4){
             // 判断http交互是否成功
             if(xmlhttp.status==200){
              //获取信息的方式，，，一：纯文本的数据
                 var responsetext=xmlhttp.responseText;
              //将数据显示在页面上。。
                 var divnode=document.getElementById("result");  //得到结点的元素
                 divnode.innerText=responsetext;      //设置结点的html内容
                        alert(xmlhttp);
             }

       
    }
  }
}