原生ajax

Posted 2020-11-02 地中海

 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     }