javascript - Angular Http Subscribe not working - Stack Overflow

admin管理员组

文章数量:1424147

Hi In my Angular Component, i have this code in one of my methods

this.http.get("http://localhost:8080/poeples")
.map(
    resp => { resp = resp.json(); }
).subscribe(
    (data) => { this.poeples = data; },
    err =>  console.log(err)
);

In network tab in chrome dev inspector i saw that my get call returning result, but data is undefined.

Why?

Hi In my Angular Component, i have this code in one of my methods

this.http.get("http://localhost:8080/poeples")
.map(
    resp => { resp = resp.json(); }
).subscribe(
    (data) => { this.poeples = data; },
    err =>  console.log(err)
);

In network tab in chrome dev inspector i saw that my get call returning result, but data is undefined.

Why?

• javascript
• angular
• subscribe

Share Improve this question Follow edited Mar 12, 2018 at 22:36 Zze 18.9k1414 gold badges9595 silver badges125125 bronze badges asked Mar 12, 2018 at 22:31 shmoolkishmoolki 1,56199 gold badges3535 silver badges5858 bronze badges 1

• 1 Because of asynchronicity. – Learn on hard way Commented Mar 12, 2018 at 22:33

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

The reason it was not working originally, is because you had this:

resp => { resp = resp.json(); }

You are not returning a value. When you use the curly braces, you have to explicitly define a return value. All you had to do was:

resp => { return resp.json(); }

Or remove the braces:

resp => resp.json() 

// Your code that isn't working:
/*this.http.get("http://localhost:8080/poeples")
  .map(
    resp => {    
       resp = resp.json()     
    }
  ).subscribe(
      (data) => {
      this.poeples = data;


    },
     err =>  console.log(err)) ;*/
     
// Working code:
@import { map } from 'rxjs/operators';

this.http.get('http://localhost:8080/poeples')
  .pipe(
    // In your example, you are creating a new function with the {} wrapped around this line, but you aren't returning anything, so the return value of the "data" below bees "undefined."
    map((response) => response.json())
  )
  .subscribe(
    (data) => {
      this.poeples = data;
    },
    (err) => console.log(err)
  );

Error - when subscribing request success code not working. This is my code I'm working on

this.userService.addDeliverDetails(form.value) .subscribe( res=>{ this.have=true; }, error=>{ console.log('error') } );

Try to console.log() in error and if it logged that's mean your data ing from the server as text not JSON formatted.

Two solutions 1) change angular to accept text responses 2) change server response to json not to string (plain text)

本文标签： javascriptAngular Http Subscribe not workingStack Overflow