JavaScript Fetch API怎么用_它和AJAX有何不同？

Fetch API 是现代浏览器发起网络请求的标准方式，比 XMLHttpRequest 更简洁且基于 Promise；需手动检查 response.ok 并调用 .json()，POST 需设置 headers 和 JSON.stringify()，默认不带 Cookie，不支持超时和上传进度监听，IE 不兼容。

Fetch API 是现代浏览器中发起网络请求的标准方式，用起来比传统 AJAX（即 XMLHttpRequest）更简洁、更符合 Promise 语义。它不是 AJAX 的替代品，而是对 AJAX 思想的升级实现——核心目标一样：不刷新页面获取/提交数据，但写法、错误处理和默认行为差异明显。

Fetch 基本用法：从 GET 开始

最常见的是发一个 GET 请求获取 JSON 数据：

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

登录后复制

注意两点：fetch 不会因 HTTP 状态码报错（如 404、500），需手动检查 response.ok；它也不会自动解析 JSON，要显式调用 .json()。

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

标签： javascript java js json ajax cookie 浏览器 app ai dns stream 状态