原生ajax

 1 function fn1(){
 2         //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象
 3         var xmlHttp = new XMLHttpRequest();
 4         //2、绑定监听 ---- 监听服务器是否已经返回相应数据
 5         xmlHttp.onreadystatechange = function(){
 6             if(xmlHttp.readyState==4&&xmlHttp.status==200){
 7                 //5、接受相应数据
 8                 var res = xmlHttp.responseText;
 9                 document.getElementById("span1").innerHTML = res;
10             }
11         }
12         //3、绑定地址
13         xmlHttp.open("GET","/WEB22/ajaxServlet?name=lisi",true); //true表示是异步
14         //4、发送请求
15         xmlHttp.send();
16         
17     }

function fn2(){
        //1、创建ajax引擎对象 ---- 所有的操作都是通过引擎对象
        var xmlHttp = new XMLHttpRequest();
        //2、绑定监听 ---- 监听服务器是否已经返回相应数据
        xmlHttp.onreadystatechange = function(){
            if(xmlHttp.readyState==4&&xmlHttp.status==200){
                //5、接受相应数据
                var res = xmlHttp.responseText;
                document.getElementById("span2").innerHTML = res;
            }
        }
        //3、绑定地址
        xmlHttp.open("POST","/WEB22/ajaxServlet",false);
        //4、发送请求
        xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");  //POST发送请求时如果想带参数必须要加的
        xmlHttp.send("name=wangwu");
        
    }

天下无难事，只要肯攀登！见多识广是多么重要！