2.3 react 原生数据交互 fetch async

最新推荐文章于 2025-02-13 23:54:14 发布

泡泡大魔王

最新推荐文章于 2025-02-13 23:54:14 发布

阅读量368

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_45271385/article/details/103074152

版权

本文深入探讨了原生Fetch API的使用方法，包括基本的fetch调用及异步处理，通过async/await语法将异步操作转换为同步流程，提供了详细的代码示例并讲解了错误捕获机制。

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

最最最原生fetch:

函数名=()=>{
fetch(
      '/data/test.json',
    ).then(
      res =>res.json() //异步操作返回解流数据
    ).then(
      data=>console.log(data)//then接受解流过的数据
    ).catch(
      err => console.log(err) 
    )
     }

async 写法异步用await转同步

async修饰函数本身如 json = async ()=>{} async json(){}

async json(){
   try {
      let res = await fetch('/data/test.json');
      let data = await res.json();
      console.log(data);
    } catch (err) {
      console.log("错误", err);
    }
  }