深入浅出Fetch API 带你入解应用场景及适用问题
Fetch API提供了一个fetch()方法，它被定义在BOM的window对象中，你可以用它来发起对远程资源的请求。 该方法返回的是一个Promise对象，让你能够对请求的返回结果进行检索。 为了能够进一步的解释Fetch API，下面我们写一些代码具体介绍它的用法： 下面这个例子将会通过Flicker API来检索一些图片，并将结果插入到页面中。到目前为止， Fetch API还未被所有的浏览器支持。因此，如果你想体验这一技术，最好使用最新版本的Chrome浏览器。为了能够正确的调用Flicker API，你需要申请自己的API KEY，将其插入到代码中的适当位置，即your_api_key那个位置。 来看看第一个任务：我们使用API来从Flicker中检索一些有关“企鹅”的照片，并将它们展示在也没中，代码如下。 Promise， 当Promise被通过，它会返回一个Response对象，通过该对象的json()方法可以将结果作为JSON对象返回。response.json()同样会返回一个Promise对象，因此在我们的例子中可以继续链接一个then()方法。 为了能够和传统的XMLHttpRequest进行对比，我们使用传统的方法来编写一个同样功能的函数： 可以发现，主要的不同点在于：传统上我们会使用事件处理器，而不是Promise对象。