Ajax之【Ajax异步实现步骤】

一、创建异步对象

var xmlhttp = new XMLHttpRequest();

二、给异步对象绑定事件（onreadystatechange事件）

1、当请求被发送到服务器时，我们需要执行一些基于响应的任务，每当readyState改变时，就会触发onreadystatechange事件，此事件可以指定一个处理函数function。

语法：xmlHttp.onreadystatechange = function(){

                处理请求的状态变化

                if(xmlHttp.readyState == 4 && xmlHttp.status == 200){

                        // 可以处理服务器端的数据，更新当前页面

                        var data = xmlHttp.responseText;

                        document.getElementById("name").value = data;

                }

           }

2、XMLHttpRequest对象的三个重要的属性

1、readyState：表示异步对象请求的状态的变化

（1）0：创建异步对象时

（2）1：初始化异步请求对象，xmlHttp.open();

（3）2：发送请求，xmlHttp.send();

（4）3：从服务器端获取了数据，此时3，注意3是异步对象内部使用，获取了原始的数据。

（5）4：异步对象把接收的数据处理完成后。开发人员在4的时候处理数据。

2、status：表示网络请求的状况：200，404，500

（1）当status==200时，表示网络请求是成功的

3、responseText:获取服务器端返回的数据

三、初始化异步对象

异步的方法open()；

xmlHttp.open(请求方式，“服务器端的访问地址”，同步|异步请求（默认是true，异步请求）)

例如：

xmlHttp.open("get", "loginServlet?name=zs&pwd=123", true);

四、使用异步对象发送请求

xmlHttp.send()

获取服务器端返回的数据，使用异步对象的属性：responseText

例子：

xmlHttp.responseText;

5、注意

（1）当异步对象的请求状态变化时，都会调用一次function函数。