1. 程式人生 > 其它 >原生的ajax請求

原生的ajax請求

原生ajax請求的步驟:

get 請求:

1,建立一個xhr變數

 var xhr=new XMhttpRequest();

2,設定請求方式和請求地址

xhr.open('url','http//192.168.213.77:5000/login?username=" + str+ "&password=" + str')

3,把請求發出去;

xhr.send();

4,監聽readystatechage

xhr.onreadystatechange = function () {       // readyState請求準備狀態, 共有4個值1-4, 1表示xhr建立  2表示資料處理完成  3表示請求已傳送  4表示伺服器返回結果,請求完成
      if (xhr.readyState == 4) {         console.log(xhr.responseText)         document.body.append(xhr.responseText)       }     } }    

post請求:

1,建立一個xhr變數

 var xhr=new XMhttpRequest();  

2,設定請求方式和請求地址

xhr.open('url','http//192.168.213.77:5000/register)

 

在請求發之前,設定請求頭中的資料型別為表單資料型別,否則伺服器無法解析資料

 

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
  第四步: 把請求發出去, 引數是post請求的請求體, 也是鍵值對結構     xhr.send("username=" + acc + "&password=" + pas)   第五步: 監聽readystatechange     xhr.onreadystatechange = function () {       // readyState請求準備狀態, 共有4個值1-4, 1表示xhr建立  2表示資料處理完成  3表示請求已傳送  4表示伺服器返回結果,請求完成       if (xhr.readyState == 4) {         console.log(xhr.responseText)
        document.body.append(xhr.responseText)       }     }