XMLHttpRequest和Fetch API

news/2025/3/5 6:21:02/

XMLHttpRequest和Fetch API

        • 1、XMLHttpRequest
        • 2、Fetch API
        • 总结

简述:XMLHttpRequest和Fetch API是两种常用的JavaScript网络请求方式,可以用来发送HTTP请求并获取服务器响应。

1、XMLHttpRequest

XMLHttpRequest:XMLHttpRequest是一种传统的AJAX请求技术,在大多数现代浏览器中都支持。通过创建一个XMLHttpRequest对象,你可以发送各种类型的请求(GET、POST等),并监听事件来获取服务器的响应。以下是一个使用XMLHttpRequest发起GET请求的示例:

/*javascript代码示例*/
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var response = JSON.parse(xhr.responseText);// 处理服务器响应}
};
xhr.send();
2、Fetch API

Fetch API:Fetch API是一种现代的网络请求API,提供了更简洁和灵活的方式来发送请求和处理响应。它基于Promise,使得异步操作更易于管理。以下是一个使用Fetch API发起GET请求的示例:

fetch('https://api.example.com/data').then(function(response) {if (response.ok) {return response.json();} else {throw new Error('请求失败');}}).then(function(data) {// 处理服务器响应}).catch(function(error) {// 处理错误});
总结

无论是使用XMLHttpRequest还是Fetch API,你可以根据自己的需求选择适合的方式进行网络请求。请注意确保对跨域请求进行适当的配置和处理,以及根据API的要求设置请求头、请求方法和数据等参数。


http://www.ppmy.cn/news/1143933.html

相关文章

C++11(下)

目录 一、类的新功能1.1 默认成员函数1.2 类成员变量初始化1.3 强制生成默认函数的关键字default1.4 禁止生成默认函数的关键字delete1.5 继承和多态中的final与override关键字 二、可变参数模板三、lambda表达式3.1 C98中的一个例子3.2 lambda表达式3.3 lambda表达式语法3.4 函…

数据结构与算法--贪心算法

数据结构与算法-贪心算法 1 贪心算法的概念 2 贪心算法的套路 3 贪心算法常用技巧 4 会议问题 5 字典序问题 1 贪心算法的概念 在某一标准下,优先考虑最满足标准的样本,最后考虑不满足标准的样本,最终得到一个答案的算法,叫做贪心算法 也就是说 不是从整体上加以考虑,所…

如何在idea中隐藏文件或文件夹

例如我想要隐藏如下文件 只需要点击file->settings editor->file types->ignores Files and Folders-> 然后按照图片点击顺序操作即可 添加完毕点击apply->ok 隐藏成功后效果如下:

jmeter添加断言(详细图解)

先创建一个线程组,再创建一个http请求。 为了方便观察,我们添加两个监听器,察看结果树和断言结果。 添加断言:响应断言,响应断言也是比较常用的一个断言 设置响应断言:正常情况下响应代码是200。选择响应代…

系统架构设计:2 论软件设计方法及其应用

目录 一 软件设计方法 1结构化设计 2信息工程 3面向对象设计 4原型设计

RK3588开发笔记-MIPI-CSI接口视频解码芯片XS9922B调试

目录 前言 一、RK3588 MIPI接口介绍 二、xs9922B视频解码芯片介绍 三、原理图连接

unity操作_刚体 c#

刚体Rigidbody 首先在场景中创建一个Plane 位置重置一下 再创建一个Cube 充值 y0.5 我们可以看出创建的Cube 和 Plane都自带碰撞器 Plane用的是网格碰撞器 我们可以通过网格世界看到不同的网格碰撞器 发生碰撞(条件): 两个物体都有碰撞器 …

QT 实现服务器客户端搭建

1. 服务器头文件 #ifndef SER_H #define SER_H#include <QWidget> #include<QTcpServer> //服务器头文件 #include<QTcpSocket> //客户端头文件 #include<QMessageBox> //消息对话框 #include<QList> //链表头文件QT_BEGIN_NAM…