首页 > 其他分享 >如何在函数中使用return返回axios的请求结果

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

时间:2024-07-12 21:01:28浏览次数:15  
标签:axios const 请求 courseCount console num return currentStudentId log

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

解决方案:通过异步解决

封装方法的代码如下:

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)
};

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

标签:axios,const,请求,courseCount,console,num,return,currentStudentId,log
From: https://blog.csdn.net/qq_37703224/article/details/140354685

相关文章

  • 封装 uniapp 请求库的最佳实践
    背景在前端开发中,HTTP请求是与服务器进行数据交互的核心手段。无论是获取数据还是提交数据,前端应用几乎都离不开HTTP请求。在uniapp中,uni.request是官方提供的用于发起HTTP请求的基础API。然而,直接使用uni.request存在一些问题和不足,比如:代码冗余:每次发起请求时都需......
  • JAVA利用HttpClient进行POST请求(HTTPS)
    finalHttpClientUtilhttpClientUtil=newHttpClientUtil();finalMap<String,String>map=Maps.newHashMap();map.put("username",workNo);map.put("password",passwd);finalStringresultStr......
  • 如何使用postman发送post请求
    1.下载并安装Postman:访问Postman官网下载并安装Postman。2.打开Postman:启动Postman应用程序。3.配置请求:在Postman中,输入您的请求URL。选择HTTP方法为POST。在Headers区域添加Content-Type为application/json。在Body区域选择“raw”,然......
  • 异步请求技术--Ajax(教你彻底学会Ajax,关键细节,原生Ajax,应用案例详解,最易懂图文讲解!!! 建
    1.什么是Ajax1.AJAX即"AsynchronousJavascriptAndXML"(异步JavaScript和XML)2.Ajax是一种浏览器异步发起请求(指定发哪些数据),局部更新页面的技术Ajax在线3文档 重点是XHR创建XHR请求XHR响应!等1.1 一图胜千言 2.Ajax的通信原理......
  • PHP请求示例商品详情数据(属性规格sku详情图等)示例,json格式
    在PHP中请求商品详情数据(包括属性、规格、SKU详情、图片等)通常涉及向一个API发送HTTP请求,然后解析返回的JSON格式数据。以下是一个示例流程,包括如何发送请求和如何处理返回的JSON数据。1.发送HTTPGET请求首先,你需要知道API的URL,以及是否需要任何认证(如API密钥、OAuth令牌等......
  • Flurl Http请求
    https://flurl.dev/docs/testable-http/注意:除了URL构建和解析之外的所有内容都需要安装Flurl.Http而不是基本的Flurl包。考虑与HTTP服务交互的一种非常常见的方式是“我想构建一个URL,然后调用它”。Flurl.Http允许您非常简洁地表达:usingFlurl;usingFlurl.Http;var......
  • 在Linux中,如何将本地80端口的请求转发到8080端口,当前主机IP为192.168.16.1,其中本地网
    在Linux中,可以使用iptables工具来实现端口转发。以下是将本地80端口的请求转发到8080端口的命令:首先,确保iptables已经安装在你的系统上。如果没有安装,可以使用以下命令安装:对于Debian/Ubuntu系统:sudoapt-getinstalliptables对于CentOS/RHEL系统:sudoyuminstalliptabl......
  • 前端如何控制并发请求
    前端如何控制并发请求前端控制并发请求的关键思路api设计代码实现关键代码解读循环和Promise结合是怎样使用的呢?完善api,让其更加易用把上述功能封装成`p-control`npm包发布小结什么情况需要前端控制并发请求,在需要多次才能请求完所需数据的时候。比如接口一......
  • 【uni-app+Vue3】 API请求封装:让接口调用更便捷
    前言:uni-app是一款基于Vue.js框架的跨平台开发工具,可以将代码编译成H5、小程序、App等不同平台的应用。在进行uni-app开发时,网络请求是必不可少的环节。为了方便开发,我们可以封装一些网络请求方法,以便在多个页面中复用,并且可以统一处理错误信息等问题,提高开发效率和代码质量。......
  • 讲解一下Axios源码中,拦截器是怎么实现的
    面试中我们经常会被问道Axios的原理是怎么样的,它的拦截器是怎么实现的?下面我们来简单讲一下Axios的拦截器是如何实现的。Axios的拦截器实现基于Axios的核心原理,即Axios实例是一个包含请求和响应拦截器堆栈的对象。当发出请求或接收响应时,Axios会遍历这些拦截器,并按照添加......