JavaScript的fetch

JavaScript中的`fetch`是一个用于发起网络请求的现代API。它提供了一种简单和灵活的方式来发送和接收数据。

以下是使用`fetch`进行GET请求的示例：

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

在上述示例中，我们使用`fetch`函数来发送GET请求到指定的URL（'https://api.example.com/data'）。然后，我们使用`.then`方法来处理响应对象。首先，我们检查响应的`ok`属性，如果为`false`，则抛出一个错误。然后，我们使用`.json()`方法将响应解析为JSON格式的数据。最后，我们在下一个`.then`回调中处理返回的数据。

你也可以使用`fetch`发送其他类型的请求，如POST、PUT、DELETE等。以下是一个发送POST请求的示例：

fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'John', age: 30 }),
})
  .then(response => {
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  })
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

在上述示例中，我们使用`fetch`发送了一个POST请求，并提供了请求的方法（`method`）、请求头（`headers`）和请求体（`body`）。

需要注意的是，`fetch`返回一个Promise对象，因此我们可以使用`.then`、`.catch`等方法来处理异步操作。

希望这对你有所帮助！如果你还有其他问题，请随时提问。