ajaxPost()

 var xmlHttp;
function ajaxPost(){
    //0 用dom的方式获取html文本框的值
    var userName=document.getElementById("userName").value;
    //1 创建XMLHttpRequest对象

     try
        {
       // Firefox, Opera 8.0+, Safari ,ie7,ie8
        xmlHttp=new XMLHttpRequest();
            if(xmlHttp.overrideMimeType()) {
                xmlHttp.overrideMimeType("text/xml");
            }
        }
     catch (e)
        {

      // Internet Explorer         old edition
       try
          {
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
          }
       catch (e)
          {

          try
             {
             xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
             }
          catch (e)
             {
             alert("您的浏览器不支持AJAX！");
            return;
             }
          }
        }

      //2 注册回调函数 （函数名）
       xmlHttp.onreadystatechange=callback;

      //3 设置连接信息
      //第三个变量true表示同步或者异步执行send语句
    xmlHttp.open("POST","AJAXServlet",true)  ;
    xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded")   ;
       //4 发送数据
    //     TRUE异步 立即执行send
    //false同步  等待服务器返回数据后执行 send
    xmlHttp.send("name="+userName);

 

}
      //5 接受相应数据
function callback(){

//0 请求未初始化（在调用 open() 之前）
//1 请求已提出（调用 send() 之前）
//2 请求已发送（这里通常可以从响应得到内容头部）
//3 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
//4 请求已完成（可以访问服务器响应并使用它）

    if(xmlHttp.readyState==4){

        //status 200 交互成功
        if(xmlHttp.status==200){
            var responseText=xmlHttp.responseText;
            var divNode=document.getElementById("result")  ;
            divNode.innerHTML=responseText;
        }
    }

}