Sending Multiple Post Request in Parallel on Angular

Question

I have to Send Multiple Post request with same URL but different payload and to check status of each request, if its failed or success. and then i want to check data variable with all recored like 1 failed 2 success , with below code its not working

let id = [123,345,456];
let data = [];
id.foreach(payload=>{
    let keyResponse = [{
    status: ""
    }];
    this.restService.post('test/api',payload).subscribe(
         (output: any) => {
              keyResponse[0].status = "SUCCESS" ;
              data.push(keyResponse[0]);
         },
          err => {
              keyResponse[0].status = "ERROR" ;
              data.push(keyResponse[0]);
         }
    );

});
console.log(data);

For HttpClient.post, it does not have to be an object. You might be mistaking it for HttpClient.get, where payload needs to be an object, under the params option. — Christian
– Christian, Commented May 6, 2022 at 6:38

Christian · Accepted Answer · 2022-05-07 09:22:17Z

2

Since you're dealing with RXJS, you can use its forkJoin operator.

First, make a list of HTTP request observables. Make sure to tell Angular to observe the response to capture the response status later for processing.

const ids = [123, 345, 456];

const requests = ids.map((id) => this.restService.post('test/api', id, { observe: 'response' }));

With the list of observables, pass it to forkJoin so that upon subscription, those HTTP requests will trigger in "parallel," and will aggregate all responses. Only then we can finally be able to count the number of successful and failed requests.

forkJoin(requests).subscribe((responses) => {
  let successCount = 0;
  let failedCount = 0;
  
  responses.forEach((response) => {
    if(response.ok) {
      ++successCount;
    }
    else {
      ++failedCount;
    }
  });

  console.log(successCount, 'successful requets.');
  console.log(failedCount, 'failed requets.');
});

edited May 7, 2022 at 9:22

answered May 6, 2022 at 6:34

Christian

8411 gold badge7 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Eliseo Over a year ago

it's unnecessary spread the response

Saptarsi Over a year ago

in case of forkjoin,once any source failed,It will emit error to observer and will come out from pipe.And in OP it's mentioned i want to check data variable with all recored like 1 failed 2 success

Christian Over a year ago

@Eliseo you're right, it went over my head for some reason. Post updated, thanks!

Christian Over a year ago

@Saptarsi that's why I mentioned adding { observe: 'response' }. So that if any request fails, it won't signal an error and "come out from pipe." ;)

Collectives™ on Stack Overflow

Sending Multiple Post Request in Parallel on Angular

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related