异步操作async_await

84 阅读1分钟
    <!--
        async/await
           异步操作
              console.log(主程序1)

              myAjax({
                  method:'get',
                  url:'请求地址',
                  success:function(result){
                       //处理异步操作成功的结果 
                  }
              }) 

              let result = myAjax({method:'get',url:'请求地址'})

               console.log(主程序2)

               console.log(主程序3)

          async/await
             =>作用: 异步操作用同步的写法实现
             => 使用方式: 
               - async关键字写在函数头部, 表示该函数是一个异步执行的函数  
               - await关键字表示等待的意思, 只能用在async异步函数中, 后面跟promise对象
                   => 等待promise封装的异步操作执行完,返回结果   
     -->
    
    <script src="./js/ajaxutil.js"></script> //引入封装的promise文件
     console.log('主程序启动');

    async function getUserList() {
        console.log('开始请求网络数据');
        let result = await myAjaxPromise({ method: 'get', url: 'http://10.7.162.74:8088/api/list' })
        console.log('>>> ', result);
    }

    getUserList() //启动异步函数

    console.log('主程序结束');