JavaScript Fetch API

fetch/async/POST/JSON/错误处理/超时 · 难度：入门 · +20XP

JavaScript Fetch API 深入

Fetch API是现代浏览器中发送HTTP请求的标准方式。它基于Promise，支持GET/POST/PUT/DELETE等方法，可以设置headers、处理JSON响应、上传文件等。比老旧的XMLHttpRequest更简洁。

// GET请求
const res = await fetch('/api/users');
const users = await res.json();
// POST请求
await fetch('/api/users', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: '小明', age: 18 })
});
// 错误处理
const res = await fetch('/api/data');
if (!res.ok) throw new Error('请求失败：' + res.status);
const data = await res.json();

动手练习

1. 基础练习：编写代码验证基本用法，在控制台观察结果。
2. 进阶应用：结合实际场景，用本课知识解决一个具体问题。
3. 项目实战：在现有项目中找到应用场景并动手实现。

接下来学什么？

掌握本课内容后，建议结合相关主题深入学习，在实际项目中加深理解。