网络核心知识点 - 网络通信技术 XHR(XMLHttpRequest) 和 Fetch

一、关于 AJAX(一种思想和方法

浏览器本身就具备网络通信的能力,但在早期,浏览器并没有把这个能力开放给JS。最早是微软在IE浏览器中把这一能力向JS开放,让JS可以在代码中实现发送请求,并不会刷新页面。Ajax(Asynchronous JavaScript and XML)的概念最早由美国的 Jesse James Garrett 在 2005 年提出,他在一篇名为《Ajax: A New Approach to Web Applications》的文章中首次提出了这一概念。Ajax 并不是一种具体的技术或者产品,而是一种思想和方法,通过结合使用 JavaScript、XMLHttpRequest、HTML 和 CSS 等技术,实现了在 Web 页面中异步加载数据,从而改善了用户体验。

二、关于 XHR(XMLHttpRequest) 和 Fetch

1、XHR(XMLHttpRequest)

XMLHttpRequest 最初由微软公司在 Internet Explorer 5 中引入,发布于 1999 年。它是用于在 Web 页面中发起异步 HTTP 请求的技术,为 Web 开发中实现动态更新和交互性提供了重要的支持。尽管最初是由微软引入并实现的,但随后被其他浏览器采纳和支持,成为 Web 开发中常用的工具之一。随着时间的推移,XMLHttpRequest 逐渐演进并为后来的网络请求 API(如 Fetch API)奠定了基础。

参考文档: XMLHttpRequest Level 1

中文文档: XMLHttpRequest - Web API 接口参考 | MDN

2、Fetch

Fetch API 是在第一个版发布的 Fetch Living Standard 中首次引入,该标准于 2014 年 8 月发布。Fetch API 作为 XMLHttpRequest 的现代替代品,提供了更简单、更强大和更灵活的网络请求方式,使得 Web 开发变得更加方便和高效。随着越来越多的浏览器开始支持 Fetch API,它逐渐成为现代 Web 应用程序中处理网络通信的首选方法。

参考文档: Fetch Standard

中文文档: Fetch API - Web API 接口参考 | MDN

3、 XHR 和 Fetch 比较

相关推荐
AlienZHOU7 小时前
AI Coding 时代下,我的技术面试实践分享
前端·后端·面试
Captaincc10 小时前
AI用量v0.1.11更新发布 新增 jusage doctor 诊断指令 托盘展示token 和余额 新增 AutoClaw 支持
前端·后端·vibecoding
计算机魔术师11 小时前
德国Wiki被黑后两周,OpenAI终于把模型失控的账本摊开了
前端
kyriewen12 小时前
我让 AI 当面试官面了我一轮:第 3 个追问我就卡住了(附 10 道追问清单)
前端·面试·ai编程
IT_陈寒12 小时前
Python的GIL把我坑惨了,多线程跑得比单线程还慢
前端·人工智能·后端
前端snow12 小时前
ai agent --- 多agent框架之图编排引擎-langgraph
前端
竹林81813 小时前
OmniPic Studio v3.2.1 核心技术架构与全平台发版解析文档
前端·浏览器
JamesZhang8007813 小时前
页面内存只涨不跌? 一次泄漏排查, 牵出 WeakMap 的诞生
前端
Z小明13 小时前
第 6 章 组件进阶
前端·vue.js
江华森13 小时前
HTTP请求的完整过程详解:从DNS解析到TCP挥手的微秒级实战分析
前端