用原生js的方式发起网络请求

用原生js发起网络请求：

首先要明确的是，什么是XMLHttpRequest？

(XMLHttpRequest)简称xhr，是浏览器提供的javascript对象，我们可以通过与这个对象，请求服务器上面的数据资源，不管是jQuery的Ajax函数还是别的框架，都是基于xhr，进行封装出来的；

使用xhr发起GET请求

步骤：

1.创建xhr对象；

2.调用xhr.open()函数；

3.调用xhr.send()函数；

4.监听xhr.onreadystatechange事件；

 1 // 创建XHR对象
 2         var xhr = new XMLHttpRequest();
 3 // 调用open函数
 4         xhr.open("GET",
 5 "http://www.liulongbin.top:3006/api/getbooks")
 6 // 调用send函数,发起请求    
 7         xhr.send()
 8 // 监听onreadystatechange事件
 9         xhr.onreadystatechange = function () {
10 //判断服务器返回的状态信息是否全等于4且http响应状态码是否等于200；
11         if (xhr.readyState === 4 && xhr.status === 200) {
12                 //打印JSON字符串形式的服务器响应数据；
13                 console.log(xhr.responseText);
14                    //检测数据类型返回string
15                 console.log(typeof xhr.responseText);
16             }
17         }