AJAX的get和post請求原生編寫方法

花洲郎發表於2017-08-18
var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
    if(xhr.readyState===4){
        if(xhr.status===200){
            // 響應完成並且成功
        }else{
            // 響應完成但有問題
        }
    }
};
xhr.open('GET','x.php?k1=v1&k2=v2&k3=v3',true);
xhr.send(null);

/***
 xhr.open()方法引數:
    1.要傳送請求的型別
    2.URL相對於執行程式碼的當前頁面(絕對路徑也可以)
    3.是否非同步傳送請求的布林值
 xhr.send()方法接收的一個參數列示'作為請求主體傳送的資料’,
 如果不需要通過請求主體傳送資料,則必須傳入null,這個引數是必須的
 
 true:是否非同步
 status:響應的HTTP狀態
 readyState:xhr物件的readyState屬性表示請求/響應過程的當前活動階段。
            0表示未初始化;1表示啟動;2表示傳送;3表示接收;4表示完成
 ***/

var xhr=new XMLHttpRequest();
xhr.onreadystatechange=function(){
    if(xhr.readyState===4){
        if(xhr.status===200){
            // 響應完成並且成功
        }else{
            // 響應完成但有問題
        }
    }
};
xhr.open('POST','x.php',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');//修改請求訊息的頭部
xhr.send('k1=v1&k2=v2&k3=v3');

相關文章