Async option in http request in angular 2

Question

I using angular 2 http class https://angular.io/docs/js/latest/api/http/index/Http-class.html for sending post and get request. Now, I want to use send requests synchronously. i.e. second request is send after response of first request. But no option is available for it in angular 2 documentation. So,

How can I send multiple requests synchronously?

In jquery ajax async option is available which handle this type of problem. I am searching for similar option in angular 2.

Possible duplicate of Angular 2: Two backend service calls on success of first service — eko
– eko, Commented Jan 20, 2017 at 13:20

Daniel Dancziger · Accepted Answer · 2017-01-20 14:06:21Z

1

You can achieve synchronously / await with observables. there is many ways to get this example, this is one option. if you want more check: https://www.learnrxjs.io/operators/transformation/switchmap.html

You have also MergeMap and others

An example:

this.http.get(url1)
.switchMap(
 (response1: Response) => {
          return this.http.url(url2);
})
.subscribe(
   (response2: Response) => {},
   (error: Response) => {},
   () => console.log('completed')
);

Hope its helps you!

answered Jan 20, 2017 at 14:06

Daniel Dancziger

2442 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

Async option in http request in angular 2

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related