Fetch API
基线 广泛可用
此功能已非常成熟,可在许多设备和浏览器版本中使用。它自 2017 年 3 月.
报告反馈
注意:此功能在 Web Workers 中可用。
概念和用法
Fetch API 提供了一个用于获取资源(包括跨网络获取资源)的接口。它是一个比 XMLHttpRequest
更强大、更灵活的替代方案。
Fetch API 使用 Request
和 Response
对象(以及网络请求中涉及的其他内容),以及 CORS 和 HTTP Origin 标头语义等相关概念。
要进行请求并获取资源,请使用 fetch()
方法。它是 Window
和 Worker
上下文中的一种全局方法。这使得它几乎可以在您想要获取资源的任何上下文中使用。
fetch()
方法需要一个参数,即要获取的资源的路径。它返回一个 Promise
,该 Promise 解析为对该请求的 Response
- 一旦服务器以标头响应 - 即使服务器响应是 HTTP 错误状态。您还可以选择将 init
选项对象作为第二个参数传递(请参阅 Request
)。
检索到 Response
后,有多种方法可用于定义主体内容是什么以及如何处理它。
您可以使用 Request()
和 Response()
构造函数直接创建请求和响应,但这种情况并不常见。相反,它们更有可能作为其他 API 操作的结果创建(例如,来自服务工作者的 FetchEvent.respondWith()
)。
Fetch 接口
在 使用 Fetch 中了解更多有关使用 Fetch API 功能的信息。
-
fetch()
标头
-
用于获取资源的
fetch()
方法。 请求
-
表示响应/请求标头,允许您查询它们并根据结果采取不同的操作。
响应
-
表示资源请求。
规范
表示对请求的响应。 |
---|
规范 # Fetch 标准 |
浏览器兼容性
fetch-method