3.异步对象XMLHttpRequest使用步骤

1.使用js创建异步对象

var xhr=new XMLHttpRequest();

2.给异步对象绑定事件,事件名称 onreadystatechange

例如button增加单击事件 onclick
xhr绑定事件
xhr.onreadystatechange=function(){ 当事件发生时执行的代码}

在绑定事件中做什么 根据readyState值做请求处理

xhr.readystatechagne=function(){
  if(xhr.readyState==4 && xhr.status==200){
   从服务器获取了数据,更新当前页面的dom对象,完成请求的处理
    var data=xhr.responseText;
    更新dom对象
    document.getElementBuId("").innertHTML=data;
  }
}

 xhr.onreadystatechange=function(){
       //判断 (服务端返回了所有的结果)
       if(xhr.readyState ==4){
          //判断响应状态码 200 404 408
          if(xhr.status >=200 && xhr.status <300){
             result.innerHTML=xhr.response;
          }
       }
   }

3.初始请求的参数,执行open()函数

xhr.open(“get”,”loginServlet”,true)

4.发送请求,执行send()

xhr.send();