个人ajax原理练习

<script>
    //针对于ajax底层原理 的练习
    //1、首先创建一个ajax对象
    var xhr = new XMLHttpRequest();

    //2、告诉它要去哪里、怎么去、使用同步还是异步
    xhr.open("get", "./demo.json", true);

    //3、出发
    xhr.send();

    //4、对ajax的监视
    xhr.onreadystatechange = function () {
        // 0 还没有调用send
        // 1 已经调用send方法
        // 2 已经接收到响应内容
        // 3 正在解析响应内容
        // 4 响应完成，客户端可以使用了
        if (xhr.readyState == 4) {
            // 成功/失败
            // 状态码 status
            // 200 成功
            // 500 服务器错误
            // 304 浏览器缓存
            // 401 未被授权
            // ...
            if (xhr.status == 200) {
                // 指定要响应的数据类型
                // JSON.parse() 将字符串转换成对象
                console.log(JSON.parse(xhr.response));
            }
        }
    }
</script>

返回的结果如下：

{code: 200, meg: '成功', data: {…}}