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