一、前言

Ajax的使用:

创建XMLHttpRequest对象,也就是创建一个异步调用对象.
创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
设置响应HTTP请求状态变化的函数.
发送HTTP请求.
获取异步调用返回的数据.

二、代码注释详解

// ajax请求后台数据。
// 1.创建 Ajax 的核心对象 XMLHttpRequest 对象
let ajax = new XMLHttpRequest();
// 2.通过 XMLHttpRequest 对象的 open() 方法与服务端建立连接
//第一个参数是请求方式，第二个参数是请求地址
ajax.open('GET',"请求地址');
//3.通过 XMLHttpRequest 对象的 send() 方法发送给服务器端
ajax.send();
// 4.通过 XMLHttpRequest 对象提供的 onreadystatechange 事件监听服务器端你的通信状态
ajax.onreadystatechange = function () {
//readystate 请求的状态，2代表，请求建立连接成功，3，响应成功。4，请求完成。 (成功或者失败)
if (ajax.readyState == 4 && ajax.status == 200) {
        //console.log(ajax.response);
        console.log(JsoN.parse(ajax.response));
    }
}

Ajax请求流程

一、前言

二、代码注释详解