Fetch API 简介

Fetch API 是现代 Web 开发中用于网络请求的一种原生方法，它允许开发者以编程方式发起网络请求，并处理响应。

特点

• 基于 Promise：Fetch API 返回的是一个 Promise 对象，使得异步编程更加简洁。
• 返回的是响应对象：可以直接对响应对象进行操作，如获取状态码、头部信息、文本或 JSON 数据等。
• 无需处理 XHR：Fetch API 不需要像传统 AJAX 一样处理 XMLHttpRequest 对象。

基本用法

fetch('/path/to/resource')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

示例

假设我们要获取 /api/products 的数据，可以使用以下代码：

fetch('/api/products')
  .then(response => response.json())
  .then(products => {
    console.log(products);
    // 在这里处理获取到的数据
  })
  .catch(error => console.error('Error:', error));

扩展阅读

更多关于 Fetch API 的内容，可以参考我们的 Fetch API 教程。

[center]