## **一個完整的ajax步驟** 1、創建ajax核心對象 2、與服務器建立連接 3、發送請求 4、響應 ~~~ (1)創建XMLHttpRequest對象 var xhr = new XMLHttpRequest() (2)與服務器建立連接 open(Method,Url,IsAsync)，如：open("get","url") (3)發送HTTP請求 xhr.send( ) (4)響應 xhr.onreadystatechange = function(){} ~~~ ~~~ //easy-mock模擬一個get接口 var url = "https://www.easy-mock.com/mock/5bad8210a1b7f6239a61664f/pcTest"; //新建一個HTTP請求 var xhr = new XMLHttpRequest(); xhr.open("get",url); xhr.send();//發送請求 xhr.onreadystatechange = function(){ //當請求成功時 if(xhr.readyState === 4 && xhr.status == 200){ var reponse = xhr.responseText; //JSON.parse()將字符串轉為json對象 var name = JSON.parse(reponse).data.name; console.log(name) } } ~~~ ## 如何使用ajax A. HTML和CSS實現頁面 B. Ajax和Web服務器進行數據的異步交換 C. 運用JS操作DOM實現動態的局部刷新