首页 > 其他分享 > fetch函数发送HTTP请求

fetch函数发送HTTP请求

时间:2023-10-03 20:56:18浏览次数:38  
标签:HTTP 请求 fetch 发送 响应 response 函数

Fetch函数是一个现代的JavaScript API,用于发送HTTP请求并处理响应。它提供了一种简单和灵活的方式来进行网络通信。以下是发送HTTP请求的基本用法:

fetch(url, options)
  .then(response => {
    // 处理响应
    if (!response.ok) {
      throw new Error('网络请求失败');
    }
    return response.json();
  })
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在上面的代码中,fetch()函数接受两个参数,url是要请求的URL地址,options是一个可选的配置对象,用于指定请求的方法、头部、身份验证等信息。

fetch()函数返回一个Promise对象,该对象在响应可用时进行解析。可以使用.then()方法处理响应。

在第一个.then()回调中,我们首先检查响应的ok属性,如果为false,则意味着请求失败。我们可以抛出一个错误来处理失败的情况,或者执行其他逻辑。

如果请求成功(oktrue),我们调用response.json()方法将响应解析为JSON格式。这个方法会返回一个Promise对象,可以通过连续添加.then()回调来处理解析后的数据。

在第二个.then()回调中,我们可以对返回的数据进行处理,如显示在UI上或执行其他操作。

如果发生任何网络请求的错误,或者在Promise链中的任何位置上抛出错误,都可以通过添加一个.catch()回调来捕获和处理错误。

这只是fetch()函数的基本用法,根据不同的需求,还可以通过options参数传递其他配置,比如请求方法、请求体、头部信息等。更多详细的用法可以参考Fetch API的文档。

标签:HTTP,请求,fetch,发送,响应,response,函数
From: https://www.cnblogs.com/daitu66/p/17741634.html

相关文章

  • socket,tcp,http三者之间的区别和原理
    socket,tcp,http三者之间的区别和原理http、TCP/IP协议与socket之间的区别下面的图表试图显示不同的TCP/IP和其他的协议在最初OSI模型中的位置:7   应用层   例如HTTP、SMTP、SNMP、FTP、Telnet、SIP、SSH、NFS、RTSP、XMPP、Whois、ENRP6   表示层   例如XDR、ASN.1......
  • 【精品】Springboot 接收发送日期类型的数据
    问题无法请求到后台,后台报错:[Failedtoconvertpropertyvalueoftype'java.lang.String'torequiredtype'java.time.LocalDateTime'forproperty:2023-10-02T09:26:16.069+08:00WARN14296---[p-nio-80-exec-1].w.s.m.s.DefaultHandlerExceptionRes......
  • http
    入门题1.get传参UwU=u  2.POST传参Luv=u 3. admincharacter抓包修改    4.本地用户 X-Forwarded-For:127.0.0.1 5.修改访问浏览器 五个任务同时完成后出flag ......
  • 如何在Linux关闭前向其他系统用户发送自定义消息
    在先前的文章中,我们解释了 Linux 中shutdown、poweroff、halt、reboot 命令的不同之处,并揭示了在用不同的选项执行这些命令时它们实际做了什么。本篇将会向你展示如何在系统关机时向所有的系统用户发送一条自定义的消息。建议阅读:tuptime-显示Linux系统的历史和统计运行......
  • 解决ERROR oslo_messaging.rpc.server UnixHTTPConnectionPool(host=‘localhost‘, p
    zun.common.exception.ZunException:Unexpectederror:UnixHTTPConnectionPool(host=‘localhost’,port=None):Readtimedout.(readtimeout=60)2023-09-1317:26:08.6498468ERRORoslo_messaging.rpc.server[req-6ff62c08-fd25-4df6-8a81-d144956cbbd97db25ffff6314......
  • 前端利用fetch实现服务器健康检查
    最近公司赛事较多,一些大型赛事部署了多台服务器,为了实时了解的运行状态,保障服务器正常运行,我用前端实现了一个服务器健康检查程序,可设置自动轮询检查或手动检查。使用fetch发送ajax请求(服务器需要设置允许跨域),判断请求状态和结果来得出正常、超时、连接失败状态。代码使用vue3了......
  • 前端 | 说说 HTTP 常见的状态码有哪些,适用场景
    前端|说说HTTP常见的状态码有哪些,适用场景?基本描述HTTP状态码(英语:HTTPStatusCode),用以表示网页服务器超文本传输协议响应状态的3位数字代码它由RFC2616规范定义的,并得到RFC2518、RFC2817、RFC2295、RFC2774与RFC4918等规范扩展简单来讲,http状态码的作用是服务器......
  • 主流常见关系数据库分页sql语句写法。MySQL、PostgreSQL、SQLite、Oracle、DB2、SQL S
    前言1.分页sql逻辑:每页10条,取第3页。即取第21~30条数据1.1.MySQL/SQLite/PostgreSQLselect*fromdemolimit10offset20;select*fromdemolimit20,10;--PostgreSQL不支持该写法1.2.Oracle12C+Oracle11g之前很难用,Oracle12C+与MySQL用法格式一样了,只是语法关......
  • 一文搞懂HTTP跟HTTPS的区别
    ​前言当我们在网上冲浪浏览网页时,有时候会注意到一些网址的前缀是HTTPS://,而另一些则是HTTP://。那么这两种网址前缀之间有何差异呢?在我们探讨这一问题前,我们首先要了解HTTP和HTTPS的定义。什么是HTTPHTTP(HyperTextTransferProtocol:超文本传输协议),是一个应用层的协议,它基......
  • 邮件发送,附件太大怎么办 → 那就用分卷压缩吧
    开心一刻昨晚,老婆辅导女儿写作业有一道形容妈妈的题,女儿写下了:我妈妈像一个暴躁的老虎老婆拿起题册轻轻敲了下女儿,生气到:有这么形容你妈的吗女儿:你看你现在老婆:我有那么暴躁吗,你就不能说我妈妈像一个公主,温柔大方漂亮?女儿:题目让我造句,没让我造谣!......