AJAX使用步骤

目录

一、作用

二、使用方法

1、创建XMLHttpRequest对象

2、创建HTTP请求

3、服务器响应

4、发送请求

---

一、作用

在不刷新网页的情况下去更新数据

二、使用方法

1、创建XMLHttpRequest对象

var  ajax = new  XMLHttpRequest()；

2、创建HTTP请求

2.1、同步

ajax.open("get","URL",false);

ajax.open("post","URL",false);

2.2、异步

ajax.open("get","URL",true)

ajax.open("post","URL",true)

2.3、发送后状态值：readystate

0                对象已建立，还未初始化，未调用send

1                open已调用，未调用send

2                send已调用，其它未知

3                请求已发送，正在接收数据

4                表示数据已经收到

注意：只有在XMLHttpRequest对象完成了以上5个步骤之后，才可以获取从服务器端返回的数据。因此，如果要获得从服务器端返回的数据，就必须要先判断XMLHttpRequest对象的状态readystate的值。

3、服务器响应

ajax.onreadystatechange = function(){
    if (xhr.readyState === 4) {
        console.log(ajax.responseText);
    }
}

4、发送请求

ajax.send(null);

发送后返回四种参数：

responseText：作为响应的主体返回的文本

responseXML

status：200-成功、202-请求完成，处理未完成、400-语法错误、404-找不到指定url、500-内部服务器错误

statusText