建立一個XHLHttpRequest的物件

var xhr = new XMLHttpRequest();

xhr.open('get', 'url', true);
        //方法 要讀取的網址 同步與非同步

readyState

透過觀察readyState可以知道撈資料的過程

• 0是已經產生XMLHttpRequest但還沒連結你要撈的資料
• 1是open()
• 2是偵測到使用了send()
• 3是loading中
• 4是已撈到資料

HTTP狀態碼

可以幫助你檢查自己拿到資料時的狀態，看是否成功

//xhr.status

xhr.onload =function(){
	console.log(xhr.responseText);
	if(xhr.status == 200){
		var str = JSON.parse(xhr.responseText);
		return str[0].name
	}else{
		console.log(資料錯誤！)
	}
}

• 2xx - 成功 (OK)

  200：撈資料成功

• 4xx - 用戶端錯誤 (Client Error)

• 5xx - 伺服器錯誤 (Server Error)

GET & POST