今天上午复习完毕了 ajax 接下来我们以笔记的形式来进行总结

    //创建Ajax对象
    var xhr = new XMLHttpRequest();
    //告诉ajax的请求地址 以及请求方式
    xhr.open("get", "http://localhost:3000/index");
    // 发送请求
    xhr.send();
    // 获取服务端给客户端的响应数据
    xhr.onload = function () {
        console.log(xhr.responseText);
    }

我们在请求返回json数据的时候 需要把数据幻化为JSON.parse

//创建Ajax对象
    var xhr = new XMLHttpRequest();
    //告诉ajax的请求地址 以及请求方式
    xhr.open("get", "http://localhost:3000/responseData");
    // 发送请求
    xhr.send();
    // 获取服务端给客户端的响应数据
    xhr.onload = function () {
        console.log(xhr.responseText);
        var res = JSON.parse(xhr.responseText);
        console.log(res);
        console.log(res[0].name);
        s1.innerText =res[0].name;
        s2.innerText =res[0].age;
        s3.innerText =res[0].sex;
    }
        xhr.open("post", "http://localhost:3000/json" );
        // 设置请求 配置等等
        xhr.setRequestHeader("Content-Type","application/json");