Angular 2 consecutive http requests

Question

In my angular data service I am trying to make two http request, with the second request depending on data from the first request. The first request is working fine, but for some reason the second request is never hitting my backend server. I was hoping if someone can tell me if I am doing this correctly or show me what I am doing wrong.

@Injectable()
export class DataService {

  constructor( private http: Http ) { }

public twoRequest() {
    this.http.get(`http://localhost:3000/1st_request`).subscribe((data) => 
      this.http.post(`http://localhost:3000/2nd_request`, {data: data}))
}

edit: I didn't subscribe to the second request. I didn't know you have to subscribe to each request you make even if they are in the same block of code

Its a little different since I am doing two calls in the same block. I think this question would be useful for others in the future. — xeroshogun
– xeroshogun, Commented Sep 6, 2017 at 20:28

Suren Srapyan · Accepted Answer · 2018-03-08 20:55:37Z

3

You need to subscribe to the http.post also. It will never do a request if you don't subscribe to it.

@Injectable()
export class DataService {

  constructor( private http: Http ) { }

  public twoRequest() {
     this.http.get(`http://localhost:3000/1st_request`).subscribe((data) => 
       this.http.post(`http://localhost:3000/2nd_request`, {data: data}).subscribe(/*...*/));
}

edited Mar 8, 2018 at 20:55

answered Sep 5, 2017 at 4:54

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

Comments

Rohan Fating · Accepted Answer · 2017-09-05 05:08:09Z

-1

public twoRequest() {
        this.http.get(`http://localhost:3000/1st_request`).subscribe((data) => {
            this.http.post(`http://localhost:3000/2nd_request`, {data:data})) 
               .subscribe((resp: any) => {
                 console.log(resp)
             })
           }

    }

edited Sep 5, 2017 at 5:08

answered Sep 5, 2017 at 4:59

Rohan Fating

2,13317 silver badges24 bronze badges

1 Comment

Sumit Agarwal Over a year ago

there is no dependency on curly braces, he hasn't subscribed on the second post. Correctly pointed out by @suren

Collectives™ on Stack Overflow

Angular 2 consecutive http requests

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related