3

I was using Angular Http module before and the method res.json() used to work fine. I have recently tried HttpClient but then the res.json() dosen't seem to work . only using res works can some one tell me what changed has happened in the http client.

return this.client.get('https://swapi.co/api/people/1/')
              .map((res:Response) => {
                 return  res.json(); // using maps to filter data returned form the http call this json dosn't work with http client
              }).map(data => {
                return data; // using maps of maps to filter data returned form the map
        }).flatMap((jedi) => this.http.get(jedi['homeworld'])
          .map(res => {
           return res.json().name; // using flat maps to combine data returned from two observables into one
          }).catch((error:any) => Observable.throw(error.json().error || 'Server error')));

I switched to http client because of the new interceptor can pointers are welcomed thanks

INFOSYS
  • 1,465
  • 9
  • 23
  • 50

2 Answers2

9

Right, that's because new http client by default calls res.json() implicitly and you don't need to that manually yourself. Here is the quote from commit:

JSON is an assumed default and no longer needs to be explicitly parsed

See Difference between HTTP and HTTPClient in angular 4? for more details.

Max Koretskyi
  • 101,079
  • 60
  • 333
  • 488
0

As HttpClient itself adds res.json(), which means it implicitly calls this function due to which, it is worthless to call it explicitly or manually. So there is no need to add this function. Hope this works, thanx...

Jitendra Ahuja
  • 749
  • 3
  • 9
  • 22
  • 3
    Please highlight the additional insight of your answer as compared to the existing, accepted and upvoted one. – Yunnosch May 29 '18 at 06:06
  • 1
    Dear Yunnosch, there is nothing much to add into it, its that simple. I think the only pertinent factor in this answer is not to use .json() as it works automatically with HttpClient over simple http request. – Jitendra Ahuja May 29 '18 at 06:46