原生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)
}
}