多个请求,调用按照顺序执行

相信大家都会遇到一种情况,多个请求并发执行,但现在的需求是要在一个请求或多个请求之后再调用某一个未知函数,这就需要用到es6的Promise对象和async函数了

 //模拟ajax异步操作1
   function ajax1() {
       const p = new Promise((resolve, reject) => {
           setTimeout(function() {
               resolve('ajax 1 has be loaded!')
           }, 1000)
   })
       return p
 
   }
       //模拟ajax异步操作2
   function ajax2() {
       const p = new Promise((resolve, reject) => {
           setTimeout(function() {
               resolve('ajax 2 has be loaded!')
           }, 2000)
   })
       return p
   }
   //等待两个ajax异步操作执行完了后执行的方法
  async function myFunction() {
       const x = await ajax1()
       console.log(x)
       const y = await ajax2()
       //等待两个异步ajax请求同时执行完毕后打印出数据
       console.log(x, y)
   }
原创文章 65 获赞 73 访问量 7730

猜你喜欢

转载自blog.csdn.net/qq_43592064/article/details/105832544