Fetch API介绍

Fetch API是一种现代化的进行网路通信的方式，允许你在你的应用程序中发起http请求，并得到结果。Fetch API对于组合和处理数据流，几乎适用于所有现代浏览器。

语法

Fetch API的语法非常简单，只需要使用fetch()函数并传递所需的参数即可。例如：

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data));

上述代码将向https://api.example.com/data发送http请求，并将结果转换为json格式。之后，结果将被传递给第二个.then()回调函数，并且可以在控制台中输出数据。

主要特点

Promises API

Fetch API基于Promise API，这意味着您可以使用Promise.all()函数将多个请求捆绑在一起，并在完成所有请求后执行回调函数。

支持CORS（跨域资源共享）

Fetch API允许跨域资源共享（CORS），这是一个安全的操作，因为它允许您访问非同源资源，同时保持Web安全。

Response API

Fetch API的Response API提供了所需的方法来处理响应数据，例如：将响应转换为json格式，检查响应状态码，检查响应头等。

支持服务工人

Fetch API可以在服务工人中使用，这样即使浏览器未打开，您的应用程序也可以继续发送请求。

相关链接

MDN Web Docs - Fetch API

Fetch API

示例代码

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

以上代码将从https://api.example.com/data中获取数据，并将其转换为json格式。如果在这个过程中出错，将使用.catch()回调函数捕捉错误并在控制台中记录它。