Fetch API

Fetch API 提供了一个获取资源的接口（包括跨域请求）。任何使用过 XMLHttpRequest 的人都能轻松上手，但新的API提供了更强大和灵活的功能集。

概念和用法

Fetch 提供了对 Request 和 Response （以及其他与网络请求有关的）对象的通用定义。使之今后可以被使用到更多地应用场景中：无论是service workers、Cache API、又或者是其他处理请求和响应的方式，甚至是任何一种需要你自己在程序中生成响应的方式。

它同时还为有关联性的概念，例如CORS和HTTP原生头信息，提供一种新的定义，取代它们原来那种分离的定义。

发送请求或者获取资源，需要使用 WindowOrWorkerGlobalScope.fetch 方法。它在很多接口中都被实现了，更具体地说，是在Window 和 WorkerGlobalScope接口上。因此在几乎所有环境中都可以用这个方法获取到资源。

 fetch() 必须接受一个参数——资源的路径。无论请求成功与否，它都返回一个 Promise 对象，resolve 对应请求的 Response。你也可以传一个可选的第二个参数init（参见 Request）。

一旦 Response 被返回，就有一些方法可以使用了，比如定义内容或者处理方法（参见 Body）。

你也可以通过 Request() 和 Response() 的构造函数直接创建请求和响应，但是我们不建议这么做。他们应该被用于创建其他 API 的结果（比如，service workers 中的 FetchEvent.respondWith）。

中止 fetch

浏览器已经开始为AbortController 和AbortSignal 接口（也就是Abort API）添加实验性支持，允许像 Fetch 和 XHR 这样的操作在还未完成时被中止 。请参阅接口页面了解更多详情。

Fetch 接口

fetch()

包含了fetch() 方法，用于获取资源。

Headers

相当于 response/request 的头信息，可以使你查询到这些头信息，或者针对不同的结果做不同的操作。

Request

相当于一个资源请求。

Response

相当于请求的响应

Fetch mixin

Body

提供了关联 response/request 中 body 的方法，可以定义它的文档类型以及请求如何被处理。

规范

浏览器兼容

相关链接

• Using Fetch
• ServiceWorker API
• HTTP access control (CORS)
• HTTP
• Fetch polyfill
• Fetch basic concepts