angular8 ajax await

最新推荐文章于 2024-01-14 21:56:43 发布

henreash

最新推荐文章于 2024-01-14 21:56:43 发布

阅读量934

点赞数

CC 4.0 BY-SA版权

分类专栏： angular

本文链接：https://blog.csdn.net/henreash/article/details/102676371

angular 专栏收录该内容

9 篇文章

订阅专栏

本文介绍在Angular8中如何使用async/await关键字配合Promise机制，实现界面打开时分批从后端拉取大量数据的方法，避免了回调地狱，使代码更加简洁易读。

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

angular8前端访问后端服务，在typescript中使用ajax，配合async、await关键字，非常便利。

考虑一种特殊情况，界面打开后，需要加载数据特别多，必须分多次请求从后端拉取，借助await关键字，代码非常简洁。避免大量回调函数的出现。

  getServerData(url:string){
    let data = ajax(url).toPromise();
    return data;
  }

  private async getXXXData(){    
    var self = this;
    for(var i = 0; i <=N; i++){ 
      var url = environment.serverAddr + "api/getXXXData?param=" + i;
      let data = await this.getServerData(url);
      self.ReceiveXXXData(i, data.response);
    }
    //todo 数据全部加载完毕，刷新界面
  }

为了使用async、await关键字，借助了Promise机制。