【ES6】fetch函数和Promise

news/2024/7/10 23:00:35 标签: es6, php, 开发语言

fetch函数是现代JavaScript中用于发起HTTP请求的一个非常强大的工具。它返回一个Promise,这个Promise在请求成功时解析为Response对象,或者在请求失败时拒绝。

以下是一个基本的fetch使用示例:

fetch('https://api.example.com/data')
  .then(response => {
    // HTTP状态码为200表示请求成功
    if (response.status === 200) {
      return response.json();
    } else {
      throw new Error('网络请求失败');
    }
  })
  .then(data => console.log(data))
  .catch(error => console.error(error));

在这个例子中,我们首先向https://api.example.com/data发起一个GET请求。然后,我们检查响应的状态码。如果状态码是200,我们尝试将响应的内容解析为JSON。如果解析成功,我们将数据打印到控制台。如果解析失败,或者在任何其他步骤中发生错误,我们捕获这个错误并打印错误信息。

注意,fetch并不直接返回请求的结果,而是返回一个Promise。这是因为网络请求可能会异步完成,所以你不能直接从fetch调用中获取结果。相反,你需要使用then方法或者async/await语法来等待Promise解析。

下面是一个使用async/await语法的相同示例:

async function fetchData() {
  try {
    let response = await fetch('https://api.example.com/data');
    if (response.status === 200) {
      let data = await response.json();
      console.log(data);
    } else {
      throw new Error('网络请求失败');
    }
  } catch (error) {
    console.error(error);
  }
}

fetchData();

在这个例子中,我们使用async/await语法来等待Promise解析。这使得我们的代码看起来更像是同步的代码,但是实际上它仍然是异步的。


http://www.niftyadmin.cn/n/4992443.html

相关文章

pytest---添加自定义命令行参数(pytest_addoption )

前言 在目前互联网公司中,都会存在多个测试环境,那么当我们编写的自动化想要在多套测试环境下进行运行时,如何使用?大多数人想到的可能是通过将我们自动化代码中的地址修改成不同环境,但是这时候就会增加一些工作量&am…

A. Copil Copac Draws Trees

Problem - 1830A - Codeforces 问题描述: 科皮尔-科帕克(Copil Copac)得到一个由 n − 1 n-1 n−1条边组成的列表,该列表描述了一棵由 n n n个顶点组成的树。他决定用下面的算法来绘制它: 步骤 0 0 0&#xff1a…

PHP中根据出生年月日计算年龄的封装函数

在 PHP 中,你可以使用以下函数来根据出生年月日计算年龄: 封装函数 function calculateAge($birthday) {$currentDate date(Y-m-d);$birthdayDate date(Y-m-d, strtotime($birthday));$age date_diff(date_create($currentDate), date_create($birt…

基于OFDM的水下图像传输通信系统matlab仿真

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 2.算法运行软件版本 matlab2022a 3.部分核心程序 function [rx_img] func_TR(tx_img, num_path, pathdelays, pathgains, snr) rng(default); …

OpenGL-入门-BMP像素图glReadPixels(1)实现读取屏幕中间的颜色和获取屏幕上鼠标点击位置的颜色

glReadPixels函数用于从帧缓冲区中读取像素数据。它可以用来获取屏幕上特定位置的像素颜色值或者获取一块区域内的像素数据。下面是该函数的基本语法: void glReadPixels(GLint x, GLint y, GLsizei width, GLsizei height, GLenum format, GLenum type, GLvoid *da…

Apinto 网关 V0.14 版本发布,6 大插件更新!

大家好! 距离上次更新已经过去一段时间了,这段日子里我们一直在酝酿新的功能,本次的迭代将给大家带来 6 大插件的更新~一起来看看有哪些变化吧! 新特性 1. 新增 额外参数v2 插件,支持对转发参数进行加密、拼接等操作…

vue竖向步骤条

效果图&#xff1a; 弹框组件代码&#xff1a; <template><el-dialog:visible.sync"dialogVisible":append-to-body"true":close-on-click-modal"false":close-on-press-escape"false"titlewidth"8.2rem"custom-c…

基本介绍——数据挖掘

1.数据挖掘的定义 数据挖掘是采用数学的、统计的、人工智能和神经网络等领域的科学方法&#xff0c;如记忆推理、聚类分析、关联分析、决策树、神经网络、基因算法等技术&#xff0c;从大量数据中挖掘出隐含的、先前未知的、对决策有潜在价值的关系、模式和趋势&#xff0c;并…