美文网首页
vue使用axios同步请求的方法

vue使用axios同步请求的方法

作者: 沁园Yann | 来源:发表于2023-03-21 15:12 被阅读0次
axios 请求是异步的,需要结合 async、await 一起使用才能实现同步请求
  async functionA("参数") {
      await 请求方法B("url",{parm:"参数"}).then(res=>{
          //数据处理
      });
      await 请求方法C("url",{parm:"参数"}).then(res=>{
          //数据处理
      });
  }

如上代码,请求方法B是异步的,结合 async、await 一起使用后,可以实现同步执行,程序会先执行“完请求方法B”,再去执行“请求方法B”。

需要注意的是,上面的代码只是针对 “functionA” 内部写了 await 关键字的请求方法才是同步执行的,如果在其他方法调用 “functionA” ,那么 “functionA” 还是异步的,如
functionB() {
  for(let i = 0; i arr.length; i++) {
      functionA(arr[i]);
  }
}

上面的代码,有可能先执行 functionA(arr[1]),也有可能先执行完functionA(arr[5]) ,如果要改成按数组下标顺序执行,也要结合 async、await 一起使用

async functionB() {
  for(let i = 0; i arr.length; i++) {
     await functionA(arr[i]);
  }
}

相关文章

  • 13Vue的数据请求(Axios)使用

    Vue的数据请求(Axios)使用 1、安装Axios的方法cnpm install axios --save...

  • axios网络请求

    axios是vue中继续网络请求使用的框架,替代以前的ajax 安装方法:npm install axios --...

  • Vue post请求的坑

    本文使用的是vue的Axios的请求方式 axios的get请求传参方法正常,但是post得请求方法传参一直报40...

  • axios全局使用

    vue中我们常用axios进行数据请求 axios模块在vue开发中如何使用引入,如何注册全局方法 一般情况下我们...

  • 14.axios使用

    现在vue发送ajax请求官方推荐使用axios,现在以13.Vue-Resource 使用案例用axios实现效...

  • 使用axios优雅的发起网络请求

    公司项目使用了vue作为技术栈,便理所应当地使用了官方推荐的axios进行网络请求,这里记录下axios的封装方法...

  • vue中使用axios调用后端接口

    vue本身不支持ajax接口的请求,所以在vue中经常使用axios这个接口请求工具。axios的官方github...

  • 碎片化视频讲解vue axios的使用

    B站链接地址: 视频讲解vue axios如何使用 视频主要讲解如何在vue中使用axios,进行ajax请求。

  • vue里全局使用 axios 的方法

    在vue项目中,我们喜欢使用 axios 来进行 ajax 请求, 很多人刚开始使用axios 时,会当成 vue...

  • 发送ajax请求

    发送ajax请求 vue本身不支持发送ajax请求,需要使用vue-resourc axios等插件实现,建议使用...

网友评论

      本文标题:vue使用axios同步请求的方法

      本文链接:https://www.haomeiwen.com/subject/xoemrdtx.html