宜宾网站建设公司

es6中的fetch怎么用

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

君山网站建设公司创新互联,君山网站设计制作，有大型网站制作公司丰富经验。已为君山上千多家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的君山做网站的公司定做！

es6中，fetch用于发起远程资源的请求，是提供跨网络异步获取资源的方法；该方法被定义在BOM的window对象中，返回一个Promise对象，语法“fetch(url,配置对象).then(function(response){})”。

本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中fetch的用法是什么

fetch的基本语法

fetch(url,init).then(function(response) { } )

es6 fetch怎么使用?JavaScript

fetch的参数说明

  • fetch接收两个参数，第一个为地址且必填，第二个为配置对象可选。

  • 如果是简单的无参数get请求，那么可以不要第二个参数（默认为get请求）,当然也可以加上来对此fetch进行一些说明

  • 第二个参数包含请求类型，发送数据，headers，模式等

  • fetch方法返回的也是一个promise对象,我们只能使用then来获取返回数据，

  • 我们需要两次then才能对后台返回得到数据进行处理，在第一个then里面return result.text(), 或者 return result.json(), 然后第二个参数里面才能真正的获取到返回的具体值，并且对其进行逻辑处理

  • 如果要判断请求是否失败，那么请在第一次的then里面判断，那里面为请求数据对象。

Fetch API提供了一个 JavaScript接口，用于访问和操纵HTTP管道的部分，例如请求和响应。它还提供了一个全局 fetch()方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。

这种功能以前是使用  XMLHttpRequest实现的。Fetch提供了一个更好的替代方法，可以很容易地被其他技术使用，例如 Service Workers。Fetch还提供了单个逻辑位置来定义其他HTTP相关概念，例如CORS和HTTP的扩展。

Fetch API提供了一个fetch()方法，它被定义在BOM的window对象中，你可以用它来发起对远程资源的请求。 该方法返回的是一个Promise对象，让你能够对请求的返回结果进行检索。

fetch只支持跨域CORS 不支持JSONP跨越

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


分享标题：es6中的fetch怎么用
网页链接：http://ybzwz.com/article/jdghdj.html

其他资讯