Http response error when sending a post request Angular 4

Question

I get this error when receiving a response from the server even though I put responseType as 'text' in the header :

   HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "https://beta.rokhas.ma/karazortal/web.jsp", ok: false, …}
error
:
{error: SyntaxError: Unexpected token < in JSON at position 15 at JSON.parse (<anonymous>) at XMLHtt…, text: "↵↵ ↵ ↵ ↵↵ ↵   ↵↵<!doctype html>↵ ↵↵<html lang="fr">…ight:0;border:0"></iframe>↵</body> ↵    ↵</html>↵"}
headers:HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message:"Http failure during parsing for https://beta.rokhas.ma/karazortal/web.jsp"
name: "HttpErrorResponse"
ok:false
status:200
statusText: "OK"
url : "https://beta.rokhas.ma/karazortal/web.jsp"
__proto__ : HttpResponseBase

I want to display this HTML body content in my app.

myservice.ts

logIn(user){
    let body = new URLSearchParams();
    body.set('j_username', user.email);
    body.set('j_password', user.password);
    let headers= new HttpHeaders({'Content-Type': 'application/x-www-form-urlencoded'})
    headers.append('responseType', 'text');
    const httpOptions = {
      headers: headers  
    };   
    console.log(body.toString());  
    return this.http.post(this.API_URL+'karazortal/kas/signin',  
     body.toString(),  httpOptions)

  }

angular.io/guide/http#requesting-non-json-data. BTW, even if you had to modify headers to set the response type, your code doesn't, because HttpHeaders is immutable. — JB Nizet
– JB Nizet, Commented Mar 10, 2018 at 17:07

dats · Accepted Answer · 2018-04-04 09:21:57Z

3

This is work for me. please check it out.

logIn(user) {
  let body = new URLSearchParams();
  body.set('j_username', user.email);
  body.set('j_password', user.password);
  let headers= new HttpHeaders({'Content-Type': 'application/x-www-form-urlencoded'});
  const httpOptions = {
    headers: headers
  };
  console.log(body.toString());
  return this.http.post(this.API_URL+'karazortal/kas/signin', body.toString(),{responseType: 'text'},  httpOptions)
}

answered Apr 4, 2018 at 9:21

dats

2202 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Http response error when sending a post request Angular 4

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related