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

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

请注意，fetch规范与jQuery.ajax()主要有两种方式的不同，牢记：

不会被标记为 reject，

当接收到一个代表错误的 HTTP 状态码时，从fetch()返回的 Promise即使该 HTTP 响应的状态码是 404 或 500。相反，它会将 Promise 状态标记为 resolve (但是会将 resolve 的返回值的ok属性设置为 false )，仅当网络故障时或请求被阻止时，才会标记为 reject。

不会从服务端发送或接收任何cookies

默认情况下，fetch, 如果站点依赖于用户 session，则会导致未经认证的请求(要发送 cookies，必须设置credentials选项)。自从2017年8月25日后，默认的credentials政策变更为same-originFirefox也在61.0b13中改变默认值

进行 fetch 请求

一个基本的 fetch请求设置起来很简单。看看下面的代码：

fetch('http://example.com/movies.json')

.then(function(response) {

return response.json();

})

.then(function(myJson) {

console.log(myJson);

});

这里我们通过网络获取一个JSON文件并将其打印到控制台。最简单的用法是只提供一个参数用来指明想fetch()到的资源路径，然后返回一个包含响应结果的promise(一个Response对象)。

当然它只是一个 HTTP 响应，而不是真的JSON。为了获取JSON的内容，我们需要使用json()方法(在Bodymixin 中定义，被Request和Response对象实现)。

注意：Body mixin 还有其他相似的方法，用于获取其他类型的内容。参考Body。

最好使用符合内容安全策略 (CSP)的链接而不是使用直接指向资源地址的方式来进行Fetch的请求。

关键词： Fetch