JavaScript Fetch_js fetch

一、什么是 fetch?

在前端的发展历程中用于请求网络资源的方式主要有三种：从原生的 XMLHttpRequest 到 jQuery 的 Ajax 再到现在主流的 axios，其中 Ajax 和 axios 都是对 XMLHttpRequest 的封装（本质上都是使用 XMLHttpRequest 方法获取网络资源），这些封装库让开发者对 XMLHttpRequest 的使用变得更简单高效。然而 fetch 的推出使开发者对网络资源的异步请求多了一种可选方案（一般说 fetch 是 XMLHttpRequest 的替代方案），注意 fetch 不是对 XMLHttpRequest 的封装，它是 JavaScript 提供的原生的全局方法。

二、fetch 的简单使用

fetch(url) , url 为请求的网络资源路径。fetch() 返回的结果包裹在一个 Promise 对象里面, 故可使用 .then 接收, res 是 fetch 包装的一个原始对象，如果想要拿到后端返回的结果则需要使用 res.json() 获取到使用 Promise 包装的后端返回的（响应体 body）数据，所以 res2 才是后端返回的原始数据。

fetch('http://localhost:8000/getInfo').then(res=>{
   
    console.log(res);
    return res.json()
})
.then(res2=>{
   
    console.log(res2)
})
.catch(error=>{
   
    console
1
2
3
4
5
6
7
8
9
10
11