怎么使用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”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
当前文章:怎么使用fetchAPI-创新互联
文章位置:http://pwwzsj.com/article/ddgjhe.html