如何在函数中使用return返回axios的请求结果

使用场景:在添加学生上课记录的时候,需要先获取学生的剩余课时,需要通过接口获取。所以需要封装一个方法,能够通过接口获取学生的课时数量。

解决方案:通过异步解决

封装方法的代码如下:

const getStudentCourseCount = async () => {
  let num = 0
  await axios({
    method: "get",
    url: `${server.apiBaseUrl}/zdppy_amcountdown_num?pk_id=${currentStudentId.value}`,
  }).then(resp => {
    const countNum = resp.data.data.results[0]
    num = countNum.num
  })
  return num
}

调用的方法也必须是异步的,一定要注意,方法如下:

const onFinish = async (values) => {
  console.log('Success:', values, formState);
  console.log("currentStudentId", currentStudentId.value);
  console.log("name", getStudentName(currentStudentId.value));
  const courseCount = await getStudentCourseCount()
  console.log("courseCount", courseCount)
};

测试结果:
在这里插入图片描述

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 17:08:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 17:08:03       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 17:08:03       58 阅读
  4. Python语言-面向对象

    2024-07-11 17:08:03       69 阅读

热门阅读

  1. Vue在使用el-image时显示加载失败问题

    2024-07-11 17:08:03       18 阅读
  2. Dell IdracSCv2020服务器硬件监控指标解读

    2024-07-11 17:08:03       19 阅读
  3. 学习STM32的加速度传感器

    2024-07-11 17:08:03       21 阅读
  4. ARM/Linux嵌入式面经(十三):紫光同芯嵌入式

    2024-07-11 17:08:03       21 阅读
  5. webpack之ts打包

    2024-07-11 17:08:03       23 阅读
  6. 【ARMv8/v9 GIC 系列 6 -- 中断优先级详细介绍】

    2024-07-11 17:08:03       27 阅读
  7. 科研入门笔记

    2024-07-11 17:08:03       23 阅读
  8. 1984. 学生分数的最小差值

    2024-07-11 17:08:03       21 阅读
  9. 探索数据的星群:SKlearn聚类中心计算方法全解析

    2024-07-11 17:08:03       24 阅读
  10. 移动互联安全扩展要求测评项

    2024-07-11 17:08:03       18 阅读
  11. OSPF域内

    2024-07-11 17:08:03       19 阅读