原生Ajax发送get请求

    <script>
        // 1- 创建Ajax对象
        var xhr = new XMLHttpRequest();
        // 2- 调用open()方法，设置请求方式和请求地址
        /*
            请求方式，忽略大小写。
        */
        // xhr.open('get', 'http://www.liulongbin.top:3006/api/getbooks'); //不带参数

        
        xhr.open('get', 'http://www.liulongbin.top:3006/api/getbooks?id=1'); //带参数

        // 3- 调用send（）方法，发送请求
        xhr.send();
        // 4- 监听onreadystatechange事件（监听服务器端是否做出了响应）
        xhr.onreadystatechange = function () {
            // 5- 判断请求是否成功
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 6- 获取服务器端响应的数据
                console.log(xhr.responseText)
            }
        }
    </script>