ajax原生的请求步骤 随笔

  // 因为ajax的核心对象是 XMLHttpRequest 是浏览器内置的

    //1. 实例化核心对象

    var ajax = new XMLHttpRequest

    // 2.建立连接 open('参数1为请求方式（get/post）','参数2请求路径',参数3为 请求是同步还是异步的，默认是异步的，所以正常情况下不需要改动)

    ajax.open('get','https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata')

    // 3.发送请求 .send('可以拼接需要传递的参数')

    ajax.send()

    // 4.获取请求返回的数据

    ajax.onreadystatechange = function (){

        // console.log(ajax.readyState);

        // console.log(ajax.status);

        // 判断请求是否成功

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

            let arr = (JSON.parse(ajax.response))  // 因为返回的数据是 字符串形式的 所以需要用到 转换(JSON.parse())

            console.log(arr);

        }

    }

    // 好啦！ 就到这了！感兴趣的小伙伴可以自己试试