用原生js發(fā)起網(wǎng)絡(luò)請求：

成都創(chuàng)新互聯(lián)專注于鄞州企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),成都做商城網(wǎng)站。鄞州網(wǎng)站建設(shè)公司,為鄞州等地區(qū)提供建站服務(wù)。全流程定制開發(fā)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

(XMLHttpRequest)簡稱xhr，是瀏覽器提供的javascript對象，我們可以通過與這個(gè)對象，請求服務(wù)器上面的數(shù)據(jù)資源，不管是jQuery的Ajax函數(shù)還是別的框架，都是基于xhr，進(jìn)行封裝出來的；

使用xhr發(fā)起GET請求

步驟：

1.創(chuàng)建xhr對象；

2.調(diào)用xhr.open()函數(shù)；

3.調(diào)用xhr.send()函數(shù)；

4.監(jiān)聽xhr.onreadystatechange事件；

 1 // 創(chuàng)建XHR對象
 2         var xhr = new XMLHttpRequest();
 3 // 調(diào)用open函數(shù)
 4         xhr.open("GET",
 5 "http://www.liulongbin.top:3006/api/getbooks")
 6 // 調(diào)用send函數(shù),發(fā)起請求    
 7         xhr.send()
 8 // 監(jiān)聽onreadystatechange事件
 9         xhr.onreadystatechange = function () {
10 //判斷服務(wù)器返回的狀態(tài)信息是否全等于4且http響應(yīng)狀態(tài)碼是否等于200；
11         if (xhr.readyState === 4 && xhr.status === 200) {
12                 //打印JSON字符串形式的服務(wù)器響應(yīng)數(shù)據(jù)；
13                 console.log(xhr.responseText);
14                    //檢測數(shù)據(jù)類型返回string
15                 console.log(typeof xhr.responseText);
16             }
17         }