最推荐使用 fetch API；它基于 Promise、语法简洁、支持 async/await，但需手动处理 HTTP 错误、超时和 Cookie；XHR 更底层、兼容性好、支持原生超时与进度控制，适合复杂场景。
用 JavaScript 发起网络请求，现在最推荐的方式是 fetch API；它比传统的 XMLHttpRequest（XHR） 更简洁、更符合现代 JavaScript 的设计逻辑。两者都能发请求，但写法、错误处理、默认行为和兼容性差异挺大。
fetch 是浏览器原生提供的、基于 Promise 的接口，语法干净，天然支持 async/await：
response.ok 或 response.status
AbortController 实现）credentials: 'include'
fetch('/api/user', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data) })
XHR 是老标准，功能全但写法冗长，依赖事件监听和回调：
readyState 变化过程（0–4），适合需要精细控制加载状态的场景（比如进度条）xhr.timeout = 5000）和取消（xhr.abort()）xhr.responseType = 'json' 或 JSON.parse(xhr.responseText)
onerror 只在真正网络失败时触发，HTTP 状态码需自己判断AbortController；XHR 直接调 .abort()
response.body.getReader() 流式处理大响应；XHR 不支持response.ok、添加超时逻辑、统一错误抛出基本上就这些。fetch 更轻快，XHR 更可控——选哪个，看你的需求和兼容要求就行。
立即学习“Java免费学习笔记（深入）”；
以上就是如何使用JavaScript进行网络请求_fetch API和XMLHttpRequest有什么区别呢的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
689
收藏
取消收藏
