WEB前端10- Fetch API(同步/异步/跨域处理)

Fetch API

Fetch API 可以用来获取远程数据，用于在 Web 应用程序中发起和处理 HTTP 请求。它基于 Promise，提供了一种简单而强大的方式来处理网络通信，替代了传统的 XMLHttpRequest。

• Promise对象

Promise 对象是 JavaScript 中处理异步操作的一种机制，它代表了一个异步操作的最终完成或失败，并且其结果值是可用的。

基本概念

1. 状态（State）：
   • Promise 可以处于三种状态之一：pending（进行中）、fulfilled（已成功）或 rejected（已失败）。
   • 当创建一个 Promise 对象时，它最初是 pending 状态，随后可能变为 fulfilled 或 rejected。
2. 值（Value）：
   • 当 Promise 从 pending 变为 fulfilled 时，会传递一个值作为操作成功的结果。
   • 当 Promise 从 pending 变为 rejected 时，会传递一个原因（通常是 Error 对象）作为操作失败的原因。
3. 处理异步操作：
   • Promise 对象用于处理异步操作，可以通过 .then() 方法注册成功和失败的回调函数，或者使用 .catch() 方法捕获失败的情况。

• Fetch发起网络请求

fetch(url, options);//返回

url: 表示要获取资源的 URL 的字符串。

options: （可选）一个对象，包含配置 fetch 操作的设置，比如方法、头部、请求体、凭据等。这个参数允许精确调整请求的细节。

返回值：fetch(url, options) 函数返回一个 Promise 对象，它代表了请求的异步操作。这个 Promise 对象在请求完成后会resolve（解析），返回一个 Response 对象，或在出现网络错误时reject（拒绝），返回一个错误。

具体来说：

如果请求成功并且得到了