function with get / http / subscribe dont worked, why?

Question

This function with get / http / subscribe does not return the correct value, it returns undefined, why?`

function_one() {
    let text = this.getData();
    console.log(' Here text is undefined --> ', text);
  }

  getData() {
    this.http.get("assets/img/tutorial/tutorialenus.JSON").subscribe
      (response => {
        console.log(' Here response = The simple text', response);
        return response;
      }
      );
  }

You do not have a return statement inside `getData()`, you return `response` from the subscribe callback. — fredrik, Jan 24 '20 at 16:19

score 1 · Answer 1 · answered Jan 24 '20 at 16:25

You'll need to return your observable and subscribe to it in order to get the value.

Try this:

function_one() {
    this.getData().subscribe((text) => {
        // Do something with text
        console.log('Your text will appear', text);
    });

}

getData() {
    return this.http.get("assets/img/tutorial/tutorialenus.JSON");
}

score 1 · Accepted Answer · answered Jan 24 '20 at 16:27

1

without seeing the rest of the code: I would recommend this:

getData() {
  //return observable
  return this.http.get("assets/img/tutorial/tutorialenus.JSON");
}

function_one() {
  //subscribe to and log observable response data
  this.getData().subscribe
  (response => {
    console.log(' Here response = The simple text', response);
  }
}

answered Jan 24 '20 at 16:27

Don Thomas Boyle

3,055
3
32
54

its fine! Working...thanks – Emilio Dami Silva Jan 24 '20 at 16:44

score 0 · Answer 3 · answered Jan 24 '20 at 16:26

The HTTP get function is asynchronous. So it wont return data to function_one(). To fix this, instead of having function_one() call getData(), have getData() call function_one().

Like this

  function_one(text) {        
    console.log(' Here text is undefined --> ', text);
  }

  getData() {
    this.http.get("assets/img/tutorial/tutorialenus.JSON").subscribe
      (response => {
        console.log(' Here response = The simple text', response);
        this.function_one(response)
      });
  }

function with get / http / subscribe dont worked, why?

3 Answers3