async await 异步请求

原创于 2023-02-28 16:32:48 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

文章展示了在Vue2和Vue3中如何进行异步数据请求。在Vue2中，使用Promise处理单个和多个请求；在Vue3中，使用async/await配合请求库request获取数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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()