fetch
语法规则
javascript">let promise = fetch(url, [options])
//url —— 字符串：要访问的 URL。
//options —— 对象：可选参数：method，header 等。fetch函数返回一个promise，若存在网络问题，或网址不存在，那么 promise 就会 reject。异常的 HTTP 状态，例如 404 或 500，不会导致出现 error。
对于promise和aysnc-await可以参考
aysnc-await的用法-CSDN博客
js语法---简单理解promise-CSDN博客
请求实例
javascript">// 请求地址
let url = "https://api.github.com";
// 请求格式
let option = {'method' : "get",'Content-Type': 'application/json;charset=utf-8'
};// async匿名函数
(async()=>{let response = await fetch(url,option);// 待执行的promiseif(response.ok){let data = await response.json(); // 执行完的结果console.log(data,response.status);// response.status请求状态码200-299// 以上response，fetch（）的返回值，response.json()的返回值都是promise，data为访问url返回的值（promise的结果）}else{console.log("请求失败！",response.status);}// status —— HTTP 状态码，例如 200。// ok —— 布尔值，如果 HTTP 状态码为 200-299，则为 true。
})()response 的属性中看到 HTTP 状态：
status—— HTTP 状态码，例如 200。ok—— 布尔值，如果 HTTP 状态码为 200-299，则为true。
请求结果
可以看到控制台和浏览器对应的返回数据
XMLHttpRequest
语法规则
javascript">// 导入XMLHttpRequest模块
const request = new XMLHttpRequest();// 1.发起get请求
request.open("get",url);
// 3.处理请求结果
request.onload = ()=>{}
// 2.发送请求
request.send();
// 函数的执行顺序实例化一个XMLHttpRequest对象，通过XMLHttpRequest对象发起请求并处理结果
请求实例
javascript">// 导入XMLHttpRequest模块
const request = new XMLHttpRequest();// 请求地址
let url = "https://api.github.com";// 1.发起get请求
request.open("get",url);
// 3.处理请求结果
request.onload = ()=>{// 请求成功if(request.status === 200 && request.readyState === 4){let data = request.response;// 请求的结果格式为api默认格式（通常为json）console.log(data);}
}
// 2.发送请求
request.send();//发送请求后才能拿到结果// request.readyStatus一共有5中状态：// 0 － （未初始化）还没有调用send()方法
// 1 － （载入）已调用send()方法，正在发送请求
// 2 － （载入完成）send()方法执行完成，已经接收到全部响应内容
// 3 － （交互）正在解析响应内容
// 4 － （完成）响应内容解析完成，可以在客户端调用了// request.status同HTTP的状态：// 200：请求成功// 400： 内部服务器错误// request.onload = function(e){} 请求完成// request.process 请求正在加载// request.onerror 请求失败注意：这种请求方式只能再浏览器中执行
