XMLHttpRequest的基础知识

• get请求 

const xml = new XMLHttpRequest();
xml.open("GET", "https://jsonplaceholder.typicode.com/todos/1", true);
xml.onreadystatechange = function () {
  if (xml.readyState === 4 && xml.status === 200) {
    console.log(xml.responseText);
  }
};
xml.send(null);

• post请求 

const xml = new XMLHttpRequest();
xml.open("post", "https://jsonplaceholder.typicode.com/posts", true);
xml.onreadystatechange = function () {
  if (xml.readyState === 4 && xml.status === 201) {
    console.log(xml.responseText);
  }
};
xml.setRequestHeader("Content-Type", "application/json");
xml.send(JSON.stringify({ title: "foo", body: "bar", userId: 1 }));

• xhr.readyState 

0 - UNSET 尚未调用open方法
1 - OPENED open方法已被调用
2 - HEADERS_RECEIVED send方法已被调用，header已被接受
3 - LOADING 下载中，responseText已有部分内容
4 - DONE 下载完成

• xhr.status 

2xx - 表示成功处理请求，如200
3xx - 需要重定向，浏览器直接跳转，无需我们操作，如301（永久重定向）、302（临时重定向）、304（返回的资源跟上次请求一样，直接使用浏览器缓存）
4xx - 客户端请求错误，如403（无权限） 、404（请求地址有问题）
5xx - 服务端错误