AJAX

1.创建异步对象，使用js的语法

var xhr = new XMLhttpRequest();

2.XmlhttoRequest方法

1）open（请求方式，服务器端的访问地址，异步还是同步）

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

2)send(): 使用异步对象发送请求

 

3.XMLhttpRequest属性

readyStaet属性：请求的状态

  0:表示创建异步对象时， new XMLhttpRequest();

  1:表示初始异步对象的请求参数。执行open()方法

  2：使用send（）方法发送请求

  3：使用异步对象从服务器接收了数据

  4：异步对象接收了数据，并在异步对象内处理完成后

status属性：网络的状态，和http的状态码对应

　　200：请求成功

　　404：服务器资源没有找到

　　500：服务器内部代码错误

responseText属性：表示服务器端返回的数据

 例如：var data = xhr.responseTest;

 

4.异步对象XMLHttpRequest使用步骤

1）使用js创建异步对象

var xhr = XMLHttpRequest（）；

2）给异步对象绑定事件。事件名称onreadystatechange

　　例如button增加单击事件onclick

　　xhr绑定事件

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

<input typr = "button" onclick = "btnClick()" />

<script type = "text/javascript">
        function btnClick(){
                按钮单击的处理代码
    }    
</script>

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

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

3)初始请求的参数，执行open（）函数

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

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

xhr.send()