[TOC] [超哥總結](http://www.hmoore.net/chengbenchao/javascript/780049) # 一個完整的 ## 1.1 get 請求 ``` <script> /* 1.創建Ajax核心對象； 2.域服務器建立連接 3.向服務器發送請求 4.響應 */ var url = "https://www.easy-mock.com/mock/5baedb1504aec42b451a8fca/day1/test"; var xhr = new XMLHttpRequest(); xhr.open("get",url); xhr.send(); xhr.onreadystatechange = function(){ if(xhr.readyState === 4 && xhr.status ==200){ var response = xhr.responseText; console.log(response); //JSON.parse 可以將字符串轉為JSON對象 var name = JSON.parse(response).data.name; console.log(name) } } </script> ``` ## 1.2 post請求 ``` <script> var url = "https://www.easy-mock.com/mock/5bad81fca1b7f6239a61664d/dataTest/postTest"; var xhr = new XMLHttpRequest(); xhr.open("post",url); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xhr.send(); xhr.onreadystatechange = function(){ if(xhr.readyState ==4 && xhr.status == 200){ console.log(xhr.responseText); } } </script> ```