网络核心知识点 - 网络通信技术 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 比较

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/564038.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

图论基础|695. 岛屿的最大面积、1020. 飞地的数量、130. 被围绕的区域

695. 岛屿的最大面积 力扣题目链接(opens new window) 给你一个大小为 m x n 的二进制矩阵 grid 。 岛屿 是由一些相邻的 1 (代表土地) 构成的组合,这里的「相邻」要求两个 1 必须在 水平或者竖直的四个方向上 相邻。你可以假设 grid 的四个边缘都被 0&#xff0…

解码新时代内存架构:探秘数据在内存中的灵动驻足

欢迎来到白刘的领域 Miracle_86.-CSDN博客 系列专栏 C语言知识 先赞后看,已成习惯 创作不易,多多支持! 随着信息技术的飞速发展,我们身处一个数据爆炸的时代。数据的处理和存储方式正日益成为技术革新的重要领域。在新时代的…

AI程序员革命:探析Devin的登场与编程未来

✨✨ 欢迎大家来访Srlua的博文(づ ̄3 ̄)づ╭❤~✨✨ 🌟🌟 欢迎各位亲爱的读者,感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢,在这里我会分享我的知识和经验。&am…

BUG未解之谜01-指针引用之谜

在leetcode里面刷题出现的问题,当我在sortedArrayToBST里面给root赋予初始值NULL之后,问题得到解决! 理论上root是未初始化的变量,然后我进入insert函数之后,root引用的内容也是未知值,因此无法给原来的二叉…

apifox创建接口含中文字符报错的两种解决方案

针对apifox的含中文报错解决方法: 方法一:创建相应接口后,在设置中URL自动编码为WHATING。 方法二:直接将浏览器的url复制到apifox中,浏览器会自动解析配置中文转换路径。

常见的OOM 问题的 6 种场景

今天跟大家一起聊聊线上服务出现 OOM 问题的 6 种场景,希望对你会有所帮助。 一、堆内存 OOM 堆内存 OOM 是最常见的 OOM 了。 出现堆内存 OOM 问题的异常信息如下: java.lang.OutOfMemoryError: Java heap space此 OOM 是由于 JVM 中 heap 的最大值,已经不能满足需求了…

一分钟学习Markdown语法

title: 一分钟学习Markdown语法 date: 2024/3/24 19:33:29 updated: 2024/3/24 19:33:29 tags: MD语法文本样式列表结构链接插入图片展示练习实践链接问题 欢迎来到Markdown语法的世界!Markdown是一种简单而直观的标记语言,让文本排版变得轻松有趣。接下…

尝试Docker Dev Environments

无法从本地目录创建容器环境 创建的容器环境无法在VS Code打开 从官方仓库打开 结果vscode报错。fine,告辞。老老实实用本地环境开发。

IPV6协议之DHCPV6

目录 背景: 一、DHCPV6概述 DHCPv6 Client: DHCPv6 Relay: DHCPv6 Server: 二、DHCPV6工作原理 DHCPV6无状态自动分配 三、DHCP基础配置 服务端 四、DHCPV6地址更新时间(DHCPV4租期) 五、DHCPV6…

Ubuntu系统——操作PostgreSQL数据库

目录 一、安装PostgreSQL数据库 二、操作PostgreSQL数据库 1.设置PostgreSQL数据库用户密码 2.进入postgres用户 3.查看所有数据库——\l(L的小写) 4.创建数据库 5.删除数据库 6.查看版本号 7.授权远程登录 三、PostgresSQL数据库的数据类型 …

8年测试经验,自动化测试最容易犯的几个错误总结,一篇概全...

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 1、自动化一切 我…

Personal Website

Personal Website Static Site Generators hexo hugo jekyll Documentation Site Generator gitbook vuepress vitepress docsify docute docusaurus Deployment 1. GitHub Pages 2. GitLab Pages 3. vercel 4. netlify Domain 域名注册 freessl 域名解析域名…