[TOC] ## 1.http請求 >定義:http計算機通過網絡進行通信的規則      ## 2.請求響應 - open(method,url,asyn) asyn值默認為true - send() - onreadystatechange ## 3.一個完整的ajax的步驟 #### 1.創建[ajax核心]()對象 #### 2.與服務器建立[連接]() #### 3.發送[請求]() #### 4.響應 ### get請求 ~~~ var url = "https://www.easy-mock.com/mock/5bac6df10132334db7167178/testDemo/testDemo"; var xhr = new XMLHttpRequest(); xhr.open('get',url,true); xhr.send(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ var txt = JSON.parse(xhr.responseText); console.log(txt); } } ~~~ JSON.parse()方法將json對象解析為JavaScript對象。 JSON.stringify()將javascript的值,轉換為JSON字符串。 - responseText:獲取字符串形式的響應數據 - status:以數字形式返回http的狀態碼 - readystate值代表服務器響應的變化  ### post請求 #### Post方式要設置一個[請求頭]() ~~~ <div id="test"></div> <script> var test = document.getElementById("test"); var xhr = new XMLHttpRequest(); xhr.open("post","https://www.easy-mock.com/mock/5b230e1e6bed703a9b488c69/www.getTest.com/push",true); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(null); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ var data = JSON.parse(xhr.responseText); test.innerHTML = data.data.content } } </script> ~~~