10.1 原生ajax

<script>
    // 步骤一:创建对象
    var ajax = new XMLHttpRequest();
    //步骤二:设置请求的url参数，参数一是请求的类型get和post，参数二是请求的url，可以带参数，动态的传递参数
    var url = 'http://huruqing.cn:3006/user/all';
    ajax.open('get', url);
    //步骤三:发送请求
    ajax.send();
    //步骤四:注册事件 onreadystatechange 状态改变就会调用
    //绑定 readystatechange事件,监听响应
    ajax.onreadystatechange = function () {
        // readyState 有5中取值，详情看语雀
        if (ajax.readyState == 4 && ajax.status == 200) {
            //步骤五 如果能够进这个判断 说明数据回来了
            // 把后台返回的json字符串转成对象
            var result = JSON.parse(ajax.responseText);
            console.log(result);
        }
    }
</script>