原生ajax请求

点击登录按钮时,使用get请求方式登录

function ajax_get(e){

e.preventDefault() // 阻止默认的表单请求

// 获取表单数据

var acc = document.getElementById("user1").value;

var pas = document.getElementById("pw1").value;

第一步：创建一个xhr对象

var xhr = new XMLHttpRequest();

第二步：设置请求方式和请求url

xhr.open('get', 'http://192.168.213.77:5000/login?username='+acc+'&password='+pas)

第三步：把请求发出去

xhr.send（）

第四步：监听readystatechange

xhr.onreadystatechang = function（）{

//readyState请求准备状态，共有四个值1-4,1表示xhr创建 2表示数据处理完成 3表示请求已发送

if（xhr.readyState == 4）{

conloge.log（xhr.responseText）

document.body.append（xhr.responseText）

}

}

//点击注册按钮时，使用post请求方式注册

function ajax_post(e){

e.preventDefault()

第一步：创建一个xhr对象

var xhr = new XMLHttpRequest()

第二步：设置请求方式和请求url

xhr.open('post',‘http：//192.168.213.77:5000/register’)

第三步：在发送请求之前，设置请求头中的数据类型为表单数据类型，否则服务器无法解析数据

xhr.setRequestHeader('Content-Type'，‘application/x-www-form-urlencoded’)

xhr.send('username='+acc+'&password='+pas)

xhr.onreadystatechange = function(){

if(xhr.readyState == 4){

console.log(xhr.responseText)

document.body.append(xhr.responseText)

}

}