javascript - Angular 发出多个 http 请求，但在发出新请求之前等待每个请求完成

Question

在 Angular 应用程序中，我有一个包含 url 属性的文字对象数组。我需要为这些对象中的每一个发出一个 http 请求，但是一个接一个。

例子:

let arr = [
    {url: 'http://example.com/url1'},
    {url: 'http://example.com/url2'},
    {url: 'http://example.com/url3'}
]

(这是一个例子，可能更多的是物体，不知道有多少)

现在，我想向第一个 url 发出请求，当我们收到它的响应(或错误，无关紧要)时，然后我想向第二个 url 发出请求，等等。知道如何有效地实现它吗？

我不想一次发出这些请求 - 每个请求都应该在上一个请求成功或失败后才发出。

Answer 1

一个可能的解决方案是使用concatMap、toArray 和switchMapTo。

所以首先你有一个 url 列表:

let arr = [{url: 'http://example.com/url1'},{url: 'http://example.com/url2'}]

然后将它们转换为 Observable:

of(arr)
.pipe(
   concatMap(r=> http.get(r.url)), //MAKE EACH REQUEST AND WAIT FOR COMPLETION
   toArray(), // COMBINE THEM TO ONE ARRAY
   switchMapTo(http.get("FINALURL") // MAKE REQUEST AFTER EVERY THING IS FINISHED
)).subscribe()