Ajax Get请求获取后台返回的数据

/*
* Ajax 对象的成员
* 属性: responseText:以字符串形式接受返回的数据
*       readyState:
*       0:刚创建ajax对象
*       1:已经调用open方法
*       2:已经调用send方法
*       3:已经返回部分数据
*       4:请求完成,数据返回完整
*   onreadystatechange:事件: 当readystatus发生改变的时候
* 方法:
* open()创建新的http请求
* send() 把请求发送给服务器
* */
function ajax() {

    // 1. 创建ajax请求
    var xhr = new XMLHttpRequest();

    //4.给ajax设置回调方法
    xhr.onreadystatechange = function() {

        // 5.进行状态码的判断
        if (xhr.readyState == 4){
            // 把服务器返回的数据显示到网页上
            document.getElementById('callback').innerHTML = xhr.responseText;
        }
    }

    // 2. 设置请求的url
    xhr.open('get','./ajax.php');

    // 3. 发送请求
    xhr.send(null);

    console.log(xhr.responseText);



}