Ajax请求get和post的区别

1.发起ajax请求（get）

let xhr = new XMLHttpRequest();
        console.log(xhr);
        // 和服务器建立连接
        xhr.open('GET','http://127.0.0.1:8000/login?account=1296012628&passwd=123456');
        xhr.responseType = 'json';
        // 发起请求
        xhr.send();
        // 监听请求过程
        xhr.onreadystatechange = function(){
            // 0(未初始化) 1(正在加载) 2(已加载) 3(交互中) 4(完成)
            console.log(xhr.readyState);
            if(xhr.readyState == 4 && xhr.status == 200){
                    console.log("请求完成，数据：",xhr.response);
                    // alert(JSON.parse(xhr.response).data);
                    // 成功之后跳转的页面
                    if(xhr.response.code == 1){
                        window.location.href="./students.html"
                    }
             }
        }

2.发起ajax请求（post）

let xhr = new XMLHttpRequest();
        console.log(xhr);
        // 和服务器建立连接
        xhr.open('POST','http://127.0.0.1:8000/login);
        // 设置请求头  post请求需要设置请求头，不然后端接收不到数据
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        // 设置数据响应格式
        xhr.responseType = 'json';
        // 发起请求
        xhr.send(`account=1296012628&passwd=123456`);
        // 监听请求过程
        xhr.onreadystatechange = function(){
            // 0(未初始化) 1(正在加载) 2(已加载) 3(交互中) 4(完成)
            console.log(xhr.readyState);
            if(xhr.readyState == 4 && xhr.status == 200){
                    console.log("请求完成，数据：",xhr.response);
                    // alert(JSON.parse(xhr.response).data);
                    // 成功之后跳转的页面
                    if(xhr.response.code == 1){
                        window.location.href="./students.html"
                    }
             }
        }

区别：get没有请求头，post需要请求头

get传值直接在地址后面写用?隔开 &连接  post传值需要写在xhr.send()里面