Angular HttpClient-如何从Http转换：JSON.parse（JSON.stringify（data））._ body）？

Question

Using the Http module, this construction is used:

Http service:

let tokenUrl1 = this.apiUrl + 'login';
let headers1 = new Headers({'Content-Type': 'application/json'});
return this.http.post(tokenUrl1, JSON.stringify(model), {headers: headers1});

Call of the service:

this.loginService.sendCredential(this.model).subscribe(
  data => {
    // Next statement ... how to convert this for use in an HttpClint environment??
    localStorage.setItem("token", JSON.parse(JSON.stringify(data))._body);

The nice HttpClient module parses the http content body with JSON returning an object. Nice!

How can the marked statement, " JSON.parse(JSON.stringify(data))._body) " be rewritten to fit nicely in the HttpClient environment?

Answer 1

You can use response as JSON object directly to get value like this.

this.loginService.sendCredential(this.model).subscribe(
  data => {
    let res = data.json();
    let tokenValue = res['token']; // based on your json response...
    localStorage.setItem("token", tokenValue);
}

And If you are using api-call with type then...(From Angular Doc)

showConfig() {
  this.configService.getConfig()
    .subscribe((data: Response) => {
    // like data.xyz properties of 'Reponse' class
    // here you can get values from Your 'Reponse' class directly instead of parsing as above.
  });
}

Hope this helps.

Ask me if any query.

Answer 2

You can add observe in your header.

let tokenUrl1 = this.apiUrl + 'login';
let headers1 = new Headers({'Content-Type': 'application/json'});
return this.http.post(tokenUrl1, JSON.stringify(model), {
   headers: headers1,
   observe: 'response'
});

And

this.loginService.sendCredential(this.model).subscribe(
  data => {
    console.log(data.body);

Answer 3

You can manipulate the return type to string - that is sufficient for eg tokens:

let tokenUrl2 = this.apiUrl + 'users';
let getHeaders = new HttpHeaders({'Authorization':'Bearer '+token});
return this.httpClient.get(tokenUrl2, { observe: 'body', responseType: 'text', headers: getHeaders})