原生js的ajax請求

方法：

• abort()：停止當前請求。
• getAllResponseHeaders()：把HTTP請求的所有響應首部作為鍵/值對返回。
• getResponseHeader("header")：返回指定首部的串值。
• open("method","url",[asyncFlag],["userName"],["password"])：建立對服務器的調用。method參數可以是get、post或put。url參數可以是相對url或絕對url。這個方法還包括3個可選的參數，是否異步，用戶名，密碼。
• send(content)：向服務器發送請求。
• setRequestHeader("header","value")：把指定首部設置為所提供的值。在設置任何首部之前必須先調用open()。設置header並和請求一起發送（"post"方法一定要）。

 

get請求：

//步驟1：創建異步對象
var ajax = new XMLHttpRequest();
//步驟2：設置請求的url參數，參數一是請求的類型，參數二是請求的url，可以帶參數，動態的傳遞參數starName到服務端
ajax.open("get","getStar.php?starName=" + name);
//步驟3：發送請求
ajax.send();
//步驟4：注冊事件 onreadystatechange  狀態改變就會調用
ajax.onreadystatechange = function(){
    if(ajax.readyStatus == 4 && ajax.status == 200){
        //步驟5：如果能夠進入到這個判斷，說明數據完美的返回回來了，並且請求的頁面是存在的
        console.log(ajax.responseText);
    }
}

 

post請求：

 

//創建異步對象
var xhr = new XMLHttpRequest();
//這種請求的類型及url
//post請求一定要添加請求頭才行，不然會報錯
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.open("post","02.post.php");
//發送請求
xhr.send();
xhr.onreadystatechange = function(){
    //這步為判斷服務器是否正確響應
    if(xhr.readyState == 4 && xhr.status == 200){
        console.log(xhr.responseText);
    }
};