AJAX學習(3)---XMLHttpRequest發送請求與取得響應

一、XMLHttpRequest發送請求

XMLHttpRequest發送請求方法

open(method, url, async) send(string) 具體代碼舉例如下：

// get
request.open(get, 'get.php', true)
request.send()


// post
request.open(post, 'add.php', true);
request.setRequestHeader("Content-Type","application/x-wwwform-urlencoded")
request.send(name=李龍&sex=男)

---

二、XMLHttpRequest取得響應

以下屬性和方法介紹：

reponseText：獲得字符串形式的相應數據

reponseXml：獲得XML形式的相應數據

status與statusText：以數字與文本形式返回HTTP狀態碼

getAllResponseHeader()：獲取所有的響應報頭

getResponseHeader()：查詢響應中某個字段的值

readyState屬性值的情況如下：

0：請求初始化，open還未調用

1：服務器連接已建立，open已經調用

2：請求已經收，也就是接收到頭信息了

3：請求處理中，也就是接收到響應主體了

4：請求已完成，響應已就緒，也就是響應完成了

代碼如下：

var request  = new XMLHttpRequest();
request.open('get', 'add.php', true);
request.send();
request.onreadystatechange = function(){
    if(request.readyState === 4 && request.status === 200){
        // 邏輯梳理 response.responseText
    }
}

備註：在readyState變化的時候，函數會執行。一般是0-4的變化（正常情況）