Fetch API 教程：如何使用 Fetch 获取和发送数据

Fetch 是一种现代的 JavaScript API，用于处理 HTTP 请求。它提供了简单且强大的方法来从服务器获取数据或向服务器发送数据。以下是如何使用 Fetch 的基本步骤：

创建 Fetch 请求：

使用 fetch() 方法创建一个 HTTP 请求，并传递要请求的 URL 作为参数。例如：
```
fetch('https://api.example.com/data')
```
处理响应：

fetch() 方法返回一个 Promise 对象。使用 .then() 方法处理响应。例如，以下代码将响应转换为 JSON 格式：
```
fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
```
发送数据：

如果需要向服务器发送数据，可以在 fetch() 方法中传递一个包含请求选项的对象。例如，以下代码将一个 JSON 对象发送到服务器：
```
fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ name: 'John', age: 30 })
})
```
- method 选项指定 HTTP 请求方法（如 GET、POST、PUT、DELETE 等）。
- headers 选项指定请求头信息。
- body 选项指定请求体数据。
跨域问题：

当向不同域名的服务器发送请求时，需要在服务器端设置 CORS（跨域资源共享）策略。否则，浏览器可能会阻止请求或返回错误信息。

总结：

Fetch 是一个强大的 API，可以用于进行 HTTP 请求、获取数据并进行处理。在使用时，需要注意跨域问题以及对响应进行处理。