如何使用JavaScript的Fetch API获取数据？

Fetch API 通过 fetch() 发起请求并处理 Promise，需手动检查 response.ok、设置 headers 和 body（如 POST 时用 JSON.stringify），注意 cookies 需 credentials: 'include'，且受 CORS 限制。

使用 Fetch API 获取数据很简单，核心是调用 fetch() 函数并处理返回的 Promise。

基本用法：GET 请求获取 JSON 数据

大多数场景下，你只需要发起一个 GET 请求并解析 JSON 响应：

• fetch() 接收一个 URL 字符串，返回一个 Promise
• 响应对象需要先调用 .json()（或其他方法如 .text()、.blob()）才能读取内容
• 记得用 try/catch 或 .catch() 处理网络错误和解析失败

示例：

fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    if (!response.ok) throw new Error(`HTTP error: ${response.status}`);
    return response.json();
  })
  .then(data => console.log(data.title))
  .catch(err => console.error('加载失败:', err));

使用 async/await 写法更清晰

配合 async 函数，代码可读性更高，错误处理也更直观：

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js json cookie app ai 跨域 代码可读性 red