首页 > web前端 > js教程 > 正文

javascript中的Fetch API是什么_它与传统的XMLHttpRequest有什么区别

夜晨
发布: 2025-12-16 22:40:02
原创
773人浏览过
Fetch API 是基于 Promise 的现代网络请求接口,语法简洁、支持 async/await;默认不带 Cookie,需显式配置 credentials;仅网络错误才 reject,HTTP 错误需手动检查;通过 AbortController 可中断请求。

javascript中的fetch api是什么_它与传统的xmlhttprequest有什么区别

Fetch API 是 JavaScript 中用于发起网络请求的现代接口,它基于 Promise,语法简洁、逻辑清晰,比传统的 XMLHttpRequest(XHR)更易用、更符合当前开发习惯。

Fetch 更简洁,写法更直观

Fetch 使用函数式调用,直接传入 URL 和配置对象,返回 Promise,天然支持 async/await;而 XHR 需要手动创建实例、监听事件、处理状态码,步骤繁琐。

  • Fetch 示例:fetch('/api/data').then(res => res.json()).then(data => console.log(data))
  • XHR 示例:需 new XMLHttpRequest()、设置 onreadystatechange、检查 readyState 和 status,再手动解析响应体

Fetch 默认不带 Cookie,需显式配置

Fetch 默认不会发送或接收 cookies(即 credentials: 'omit'),这对安全是默认保障;而 XHR 默认会携带当前域 Cookie(类似浏览器自动行为)。

  • 如需发送 Cookie,Fetch 必须写:fetch(url, { credentials: 'include' })
  • 否则跨域请求可能因缺少认证信息而失败,这点容易被忽略

Fetch 的错误处理逻辑不同

Fetch 只有在网络彻底失败(如断网、DNS 错误)时才 reject Promise;HTTP 状态码如 404、500 仍算“成功”,需手动检查 response.ok 或 response.status。

BlessAI
BlessAI

Bless AI 提供五个独特的功能:每日问候、庆祝问候、祝福、祷告和名言的文本生成和图片生成。

BlessAI 135
查看详情 BlessAI

立即学习Java免费学习笔记(深入)”;

  • 这意味着 fetch('/404').then(...) 依然会进 then,不是 catch
  • XHR 则靠监听 error 事件或判断 status 来区分失败类型,逻辑更分散

Fetch 原生不支持请求中断,但可配合 AbortController

早期 Fetch 没有类似 XHR.abort() 的直接取消方式,但现在可通过 AbortController 实现优雅中断:

  • 创建控制器:const controller = new AbortController()
  • 传入 signal:fetch(url, { signal: controller.signal })
  • 随时调用 controller.abort() 终止请求

基本上就这些。Fetch 不是 XHR 的简单替代,而是设计哲学不同的新方案——它更专注、更函数式,也更依赖开发者主动处理边界情况。用熟了反而更可控、更少“隐藏行为”。

以上就是javascript中的Fetch API是什么_它与传统的XMLHttpRequest有什么区别的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号