XMLHttpRequest的基本使用:
1. 创建XMLHttpRequest实例对象
const xhr = new XMLHttpRequest();
2. 初始化(请求方式,请求地址,是否异步(默认异步))
xhr.open(method,url,isAsync);
// 若method是post请求需要设置请求头
// xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
3. 发送请求(send中就是发送给后台的数据)
xhr.send();
4. 处理响应结果
xhr.onreadystatechange = function() { // readystate 每次变化 都会调用该函数
/**
* readyState的值:0-4
* 0: 请求未初始化(未调用open)
1: 服务器连接已建立(还没调用send)
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
*/
if(xhr.readyState === 4) {
if(xhr.status >= 200 && xhr.status < 300) {
console.log(xhr.responseText);
}
}
}