How to return the result received from http request inside http request in ionic 2 framework using angular 2.My code is following

Question

getUsableToken() {

    let platformName = "abc";
    let platformId = "123123";

    return this.http.get('http://localhost:17001/platform/' + platformId + '/key?name=' + platformName).map(res => res.json())
        .subscribe(data => {

                let secretKey = data.payload.platformInfo.key;

                return this.http.get('http://localhost:17001/platform/' + platformId + '/token?name=' + platformName + '&key=' + secretKey).map(res => res.json())
                    .subscribe(data => {
                        return data.payload.token;

                    }, err => {
                        console.log(err);
                    });
            },
            err => {
                console.log(err);
            });
}

In this code I want to return data.payload.token. How to do that? Any help would be appreciated.

It's sending an object. which is of no use?I am retrieving this value like this.jwtToken=this.authService.getUsableToken(); — Varun Gupta
– Varun Gupta, Commented Aug 15, 2017 at 16:24
Ah, these requests are asynchronous. You can't just "return" something immediately. getUsableToken() is returning a Subject (from this.http.get(...).subscribe(...); You could create a new Observable which contains the data.payload.token or a promise wrapping the same. — Jason Spradlin
– Jason Spradlin, Commented Aug 15, 2017 at 16:31
Possible duplicate of Angular2 - Use value of Observable returning method in another Observable — Ivafo
– Ivafo, Commented Aug 15, 2017 at 18:39
That's true, But the problem here is that I have another get request in first http get request which is creating issue. — Varun Gupta
– Varun Gupta, Commented Aug 15, 2017 at 18:43

AVJT82 · Accepted Answer · 2017-08-16 13:05:48Z

1

What you could do is to make use of flatMap (mergeMap) here, since the second call is dependent on the result of the first call, so something like this:

import 'rxjs/add/operator/mergeMap';

//....

getUsableToken() {
  return this.http.get('url')
    .map(data => {
      let secretKey = data.json().payload.platformInfo.key
      return secretKey;
    })
    // where 'key' is the parameter you need for the second call
    .flatMap(key => this.http.get('url').map(data => {
        let token = data.json().payload.token;
        return token;
    }))

}

and now where you subscribe you get the token:

doSomething() {
  this.myService.getUsableToken() 
    .subscribe(token => console.log(token))
}

answered Aug 16, 2017 at 13:05

AVJT82

73.6k25 gold badges146 silver badges170 bronze badges

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

1 Comment

AVJT82 Over a year ago

Great! Glad to hear :) :)

Collectives™ on Stack Overflow

How to return the result received from http request inside http request in ionic 2 framework using angular 2.My code is following

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related