async await 异步请求

  vue2

//发一个请求 
async function queryData() {
      var ret = await new Promise(function(resolve, reject){
        setTimeout(function(){
          resolve('nihao')
        },1000);
      })
      // console.log(ret.data)
      return ret;
    }
    queryData().then(function(data){
      console.log(data)
    })
//发多个请求
    async function queryData() {
      var info = await axios.get('async1');
      var ret = await axios.get('async2?info=' + info.data);
      return ret.data;
    }

    queryData().then(function(data){
      console.log(data)
    })

vue3

const datas = async ()=> {
  await request.selectPies().then(res=>{
	console.log(res)
  })
  await request.selectUsers().then(res=>{
    console.log(res)
  })
}
datas()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
async await 异步嵌套是指在异步操作中使用 async 和 await 关键字来处理多个嵌套的异步请求。在提供的代码示例中,通过 async 和 await 实现了异步嵌套处理。 在 created 方法中调用了 getKpiRoleButton 方法,该方法使用了 async 关键字来声明一个异步函数。在该方法内部,通过 await 关键字等待 signKpiRoleIdSearch 方法的返回结果。signKpiRoleIdSearch 方法返回了一个 Promise 对象。在 Promise 的回调函数中,使用了 this.$http.get 方法发送了一个 GET 请求,并通过 localStorage.getItem("id") 获取了 userId。当接收到返回结果后,如果 res.data.success 为真,则调用了 resolve 方法将结果返回。 在 getKpiRoleButton 方法内部,通过 await 关键字等待 signKpiRoleIdSearch 方法的返回结果,并将结果赋值给 resultObj。然后,使用 kpiAPI.kpiPermissionsButton 方法发送一个带有 roleId 参数的请求,并在 then 方法中处理返回结果。 通过使用 async 和 await,可以使异步嵌套的处理更加清晰和简洁。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [JS基于ES6新特性async await进行异步处理操作示例](https://download.csdn.net/download/weixin_38519681/14808936)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue 使用async await处理异步嵌套请求](https://blog.csdn.net/weixin_43173924/article/details/106093600)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值