Angular 2 How to access an HTTP response body

Question

I wrote the following code in Angular 2    this http request  http   thecatapi com api images get format html amp results per page 10          subscribe  res  Response    gt            console log res              When I print the response I get in console     I want to have access in the code to body field in the response  The  body  field starts with an underscore  which means that it s a private field  When I change it to  console log res  body   I got an error    Do you know any getter function that can help me here

User · Answer

This is work for me 100      let data Observable lt any gt    this http post url  postData     data subscribe  data    gt       let d   data json      console log d     console log  result       d result     console log  url       d image url           loader dismiss

User · Answer

Can t you just refer to the  body object directly  Apparently it doesn t return any errors if used this way   this http get  https   thecatapi com api images get format html amp results per page 10                map res   gt  res               subscribe res   gt                    this data   res  body                    Working plunker

User · Answer

This should work  You can get body using response json   if its a json response       this http request  http   thecatapi com api images get format html amp results per page 10          subscribe  res  Response json      gt            console log res

User · Answer

Unfortunately  many of the answers simply indicate how to access the Response   s body as text  By default  the body of the response object is text  not an object as it is passed through a stream   What you are looking for is the json   function of the Body object property on the Response object  MDN explains it much better than I   The json   method of the Body mixin takes a Response stream and reads it to completion  It returns a promise that resolves with the result of parsing the body text as JSON   response json   then function data    console log data        or using ES6   response json   then  data    gt    console log data        Source  https   developer mozilla org en-US docs Web API Body json  This function returns a Promise by default  but note that this can be easily converted to an Observable for downstream consumption  stream pun not intended but works great     Without invoking the json   function  the data  especially when attempting to access the  body property of the Response object  will be returned as text  which is obviously not what you want if you are looking for a deep object  as in an object with properties  or than can   t be simply converted into another objected     Example of response objects

User · Answer

The response data are in JSON string form  The app must parse that string into JavaScript objects by calling response json       this http request  http   thecatapi com api images get format html amp results per page 10       map res   gt  res json       subscribe data   gt        console log data          https   angular io docs ts latest guide server-communication html   extract-data

User · Answer

Both Request and Response extend Body  To get the contents  use the text   method   this http request  http   thecatapi com api images get format html amp results per page 10        subscribe response   gt  console log response text         That API was deprecated in Angular 5  The new HttpResponse lt T gt  class instead has a  body   method  With a  responseType   text   that should return a String

User · Answer

Here is an example of a get http call   this http    get  http   thecatapi com api images get format html amp results per page 10      map this extractData     catch this handleError    private extractData res  Response       let body   res text        If response is a JSON use json      if  body           return body data    body        else          return              private handleError error  any          In a real world app  we might use a remote logging infrastructure       We d also dig deeper into the error to get a better message    let errMsg    error message    error message      error status      error status  -   error statusText      Server error           console error errMsg      log to console instead         return Observable throw errMsg       Note  get   instead of  request     I wanted to also provide you extra extractData and handleError methods in case you need them and you don t have them

User · Answer

I had the same issue too and this worked for me try   this http request  http   thecatapi com api images get format html amp results per page 10      subscribe  res    gt        let resSTR   JSON stringify res       let resJSON   JSON parse resStr       console log resJSON  body

User · Answer

Here is an example to access response body using angular2 built in Response    import   Injectable   from   angular core   import  Http Response  from   angular http     Injectable   export class SampleService     constructor private http Http         getData         this http get url      map  res Response    gt           res json     Convert response to JSON          OR        res text     Convert response to a string           subscribe data   gt   console log data

User · Answer

subscribe data   gt                   console log data               let body string   JSON parse data   body

[javascript] Angular 2: How to access an HTTP response body?

Examples related to javascript

Examples related to ajax

Examples related to angular

Examples related to http