怎么使用fetchAPI-创新互联

本篇内容主要讲解“怎么使用fetch API”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么使用fetch API”吧!

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

FetchAPI概念和用法

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

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

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

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

一旦Response被返回，就可以使用一些方法来定义内容的形式，以及应当如何处理内容（参见Body）。

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

FetchAPI需要知道什么

注意：更多关于FetchAPI的用法，参考UsingFetch，以及一些概念Fetchbasicconcepts。

中止fetch

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

Fetch接口

WindowOrWorkerGlobalScope.fetch()

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

Headers

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

Request

相当于一个资源请求。

Response

相当于请求的响应

到此，相信大家对“怎么使用fetch API”有了更深的了解，不妨来实际操作一番吧！这里是创新互联建站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！