ajax异步对象使用步骤

1. 使用JS创建异步对象

 Var xhr = XMLHttpRequest();

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

 例如button增加单击事件onclick

 xhr绑定事件

 Xhr.onreadysatechange = function(){ 当事件发生时执行的代码 }

<input type = ‘button’ onclick =’btnClick()’>
<script>
Function btnClick(){
   按钮单击的处理代码
}
</script>

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

Xhr.readyStatechagne = function(){
  If(xhr.readyState == 4){
  从服务器获取了数据，更新当前页面的dom对象，完成请求的处理
  Var data = xhr.readyState;
更新dom对象
Document.getElementByid(‘#mydiv’).innertHTML = data;
}
}

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

 Xhr.open(‘get’,’loginServlet’, true)

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

 Xhr.send();

这就是ajax异步对象使用步骤。