原生Ajax请求

    // 第一步实例化ajax对象

    const ajax = new XMLHttpRequest()

    // 第二步  设置参数

    /*

    {

        参数一：请求方式（大小写都可， get,post ,GET,POST）

        参数二：请求地址

        参数三：是否异步（异步：true，同步：false）

    }

    */

    ajax.open("GET", "http://localhost/...", true)

    // 第三步发送请求

    ajax.send()

    // 第四步监听ajax状态变化

    ajax.onreadystatechange = function () {

        /*

         * readState 是AJAX对象的一个属性，代表AJAX现在的状态

         * 0 -- （未初始化）还没有调用send方法

         * 1 -- （载入）已调用send方法，正在发送请求

         * 2 -- （载入完成）send方法执行完毕，已经接收到全部响应内容

         * 3 -- （解析/交互）ajax正在解析 响应内容

         * 4 -- （完成）响应内容解析完成，可以在客户端使用了

         */

        if (ajax.readyState === 4) {

            // 判断网络状态码

            /*

             * 网络状态码

             * 200 -- 网络请求成功完成

             * 404 -- 请求的URL未找到

             * 502 -- 服务器未启动

             * （4开头的状态都是客户端的，5开头的问题都是服务器端）

             */

            if (ajax.status === 200) {

                // 打印服务器返回字符串

                console.log(ajax.responseText);

            }

        }

    }