原生Ajax get请求

136 阅读1分钟
<script>
        //1、创建XML对象 new一个实例
        var xml = new XMLHttpRequest();
        //2、调用open函数 指定请求类型和请求地址,可在最后?键值对(?id=1)来制定参数多个参数使用&分割
        xml.open('GET','http://www.liulongbin.top:3006/api/getbooks?id=475');
        //3、调用send 函数 发起请求
        xml.send();
        //4、监听onreadystatechange事件 监听事件,事件出发说明有数据响应回来
        xml.onreadystatechange = function() {
            //readtState当前ajax请求装态,4表示请求完成或失败
            if (xml.readyState === 4 && xml.status === 200) {
                //获取服务器响应数据
                console.log(xml.responseText);
            }
        }
    </script>