Javascript如何进行网络请求_Fetch API和Ajax有什么区别？

Fetch API 是当前主流网络请求方案，比 XMLHttpRequest 更简洁现代，但默认不带 Cookie 且 404/500 不自动报错；需用 res.ok 判断、credentials: 'include' 携带 Cookie、AbortController 实现超时。

JavaScript 中进行网络请求，现在主流用 Fetch API，它比传统 Ajax（基于 XMLHttpRequest）更简洁、更现代，底层能力更强，但默认不带 Cookie、错误状态也不自动抛错——这些是关键区别。

Fetch API 更简洁，但默认行为更“严格”

Fetch 使用 Promise，语法直观：

fetch('/api/users')
  .then(res => {
    if (!res.ok) throw new Error('请求失败');
    return res.json();
  })
  .then(data => console.log(data))
  .catch(err => console.error(err));

登录后复制

注意：即使返回 404 或 500，res.ok 才是判断成功与否的依据，fetch 本身只在网络失败时才 reject。

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

常见配置项包括：

• method: 'POST'、headers、body（需手动 JSON.stringify）
• 携带 Cookie 需显式写 credentials: 'include'
• 超时需靠 AbortController 实现（原生不支持 timeout 选项）

Ajax（XMLHttpRequest）更底层，兼容性更好

Ajax 是 Fetch 出现前的标准方式，写法冗长但可控性强：

标签： react javascript java js json ajax cookie 浏览器 app ai 跨域 状态码