Fetch API

基线 广泛可用

此功能已非常成熟,可在许多设备和浏览器版本中使用。它自 2017 年 3 月.

报告反馈

注意:此功能在 Web Workers 中可用。

概念和用法

Fetch API 提供了一个用于获取资源(包括跨网络获取资源)的接口。它是一个比 XMLHttpRequest 更强大、更灵活的替代方案。

Fetch API 使用 RequestResponse 对象(以及网络请求中涉及的其他内容),以及 CORS 和 HTTP Origin 标头语义等相关概念。

要进行请求并获取资源,请使用 fetch() 方法。它是 WindowWorker 上下文中的一种全局方法。这使得它几乎可以在您想要获取资源的任何上下文中使用。

fetch() 方法需要一个参数,即要获取的资源的路径。它返回一个 Promise,该 Promise 解析为对该请求的 Response - 一旦服务器以标头响应 - 即使服务器响应是 HTTP 错误状态。您还可以选择将 init 选项对象作为第二个参数传递(请参阅 Request)。

检索到 Response 后,有多种方法可用于定义主体内容是什么以及如何处理它。

您可以使用 Request()Response() 构造函数直接创建请求和响应,但这种情况并不常见。相反,它们更有可能作为其他 API 操作的结果创建(例如,来自服务工作者的 FetchEvent.respondWith())。

Fetch 接口

使用 Fetch 中了解更多有关使用 Fetch API 功能的信息。

fetch()

标头

用于获取资源的 fetch() 方法。

请求

表示响应/请求标头,允许您查询它们并根据结果采取不同的操作。

响应

表示资源请求。

规范

表示对请求的响应。
规范
# Fetch 标准

浏览器兼容性

fetch-method

另请参阅