react中使用fetch发送请求

最新推荐文章于 2025-06-25 09:23:47 发布

lmy233

最新推荐文章于 2025-06-25 09:23:47 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/weixin_43588821/article/details/109132337

react 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何通过安装whatwg-fetch并使用fetch API从指定API获取JSON格式的数据。首先通过npm安装fetch依赖，然后在页面中引入fetch模块，并通过GET方法发起请求。文中详细展示了如何处理响应及数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 安装fetch

npm install whatwg-fetch -S

2. 页面中使用fetch

// 引入fetch
import 'whatwg-fetch';

fetch('https://api.apiopen.top/getJoke?page=1&count=5&type=video',{
   method: 'GET',
   headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
   }
}).then(res => { // 第一个then返回的是请求相关参数
   return res.json(); // 必须返回相应数据，不然第二个then中无法接收到数据
}).then(json => { // 返回的是数据
   console.log(json)
}).then(err => { // 返回的是错误

})