原生ajax的GET请求方式

　　AJAX即“Asynchronous Javascript And XML”(异步的JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术，用于浏览器和服务器之间进行数据交互。

　　get请求方式：参数携带在地址栏，是一种显式的、不安全的请求方式。

　　代码实现原生Ajax中的get请求方式

    <button>按钮</button>
    <div></div>
    <script>
        var btn = document.querySelector('button');
        var con = document.querySelector('div');
        btn.onclick = function () {
            console.log(1);
            //1.创建对象
            const xhr = new XMLHttpRequest();
            //2.初始化 设置请求方法和 url
            xhr.open('GET', 'http://127.0.0.1:8000/server?a=100&b=200&c=300'); //带参数  ?后面开始 a=100 &接下一个
            //3.发送
            xhr.send();
            //4。事件绑定 处理服务端返回的结果
            //on when 当...时候
            //readystate 是xhr 对象中的属性，表示状态 0 1 2 3 4
            //change 改变
            xhr.onreadystatechange = function () {
                //判断 (服务端返回了所有的结果)
                if (xhr.readyState === 4) {
                    //判断响应状态码 200 404 403 401 500
                    if (xhr.status === 200 && xhr.status < 300) {
                        //出里结果 行 头 空行 体
                        //1.响应行
                        console.log(xhr.status); //状态码
                        console.log(xhr.statusText); //响应字符串
                        console.log(xhr.getAllResponseHeaders); //所有响应头
                        console.log(xhr.response); //响应体
                        con.innerHTML = xhr.response
                    } else {

                    }
                }
            }
        }
    </script>