2021-08-07

Ajax的使用四部曲

1，创建异步对象XMLHttpRequst

var xhr = new XMLHttpRequest();

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

例如button增加绑定事件

xhr.onreadystatechange =function(){
   当事务发生时执行的代码
}

<input type="button" onclick="btnclick()"/>
 <script type="text/javascipt">
 function btnclick(){
      按钮单击的处理代码
 }
 </script>

xhr.readystatechange = function(){
  if(xhr.readyState==4&&xhr.status==200){
      var data= xhr.reponseText;
      更新dom对象
  document.getElementById("#mydiv").innerHTML=data;
  }
}

3 初始化请求的参数，执行open() 函数

   xhr.open("get", "loginServlet",true)

4, 发送请求，执行send（）

  xhr.send()