首页 > 其他 > 详细

多个异步调用的使用

时间:2020-07-02 16:12:35      阅读:54      评论:0      收藏:0      [点我收藏+]

代码(fun.js):

 1 // 原生的axios
 2 // var axios = require(‘axios‘)
 3 export function fun01(name1) {
 4   return new Promise((resolve, reject) => {
 5     axios.get(‘/api/interface1/xxx‘, {params: {name: name1}}).then(response => {
 6       // resolve参数的值,其实 tag<这里> 的response的值
 7       resolve(response.data)
 8     }).catch(err => {
 9       reject("01: some error")
10     })
11   })
12 }
13 
14 // request是axios封装的拦截器
15 export function fun02() {
16   return new Promise((resolve, reject) => {
17     request({url: ‘/api/interface2/xxx‘, method: ‘get‘}).then(response => {
18       // resolve参数的值,其实 tag<这里> 的response的值
19       resolve(response.data)
20     }).catch(err => {
21       reject("02: some error")
22     })
23   })
24 }

 

代码(fun.vue):

1 // vue的methods里函数的具体代码
2 import {api_businessline, api_businesslines} from "@/api/cmdb";
3 Promise.all([fun01(), fun02()]).then(response => {
4   // 这里的response值就是上面函数resolve(response.data)中的response.data
5   console.log(response)   // tag<这里>
6 }).catch(err => {
7   // 这里的err值就是上面函数reject("xxx")里的值
8   console.log(err)
9 })

 

 

 

 

.

多个异步调用的使用

原文:https://www.cnblogs.com/wangsl1204/p/13225031.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!