json文件Angular 4中的意外令牌答案

【问题标题】：unexpected token in json file Angular 4json文件Angular 4中的意外令牌
【发布时间】：2018-08-22 01:27:00
【问题描述】：

我正在使用 Angular 4 和 Spring 框架来创建我的项目。这是我的问题

{error: SyntaxError: Unexpected token A in JSON at JSON.parse () at XMLHttp…, text: "AAA"}

我想读取字符串 AAA，但控制台显示此错误。

我的后端代码：

@PostMapping(value = "login")
public ResponseEntity<?> verifyLogin(@RequestBody String login){
    System.out.println("LOGIN REALIZADO");
    LoginObject loginO = gson.fromJson(login, LoginObject.class);

    if(verify(loginO)){
        return new ResponseEntity<String>("AAA",HttpStatus.OK);
    }else{
        return new ResponseEntity<String>("ERROR-LOGIN",HttpStatus.OK);
    }


}

我的前端服务：

export class LoginService{

  private url = 'http://localhost:8080/login';

  constructor(private http: HttpClient){}

     loginQuery(login: Login):Observable<string>{
        return this.http.post<string>(this.url,JSON.stringify(login));
     }
}

还有我的前端

onSingin(form: NgForm){

if( (form.value.code !== '') && (form.value.password !== '')){
  this.loginService.loginQuery(new Login(form.value.code, form.value.password)).
  subscribe(
    result => this.verifyLogin(result.toString())
   );
}
}

当我调用 verifyLogin 时，控制台会显示错误

【问题讨论】：

嗯，AAA 不是有效的 JSON，并且您告诉 HttpClient 您需要 JSON。是时候阅读文档了：angular.io/guide/http#requesting-non-json-data

标签： json spring angular httprequest

【解决方案1】：

export class LoginService{

  private url = 'http://localhost:8080/login';

  constructor(private http: HttpClient){}

     loginQuery(login: Login):Observable<string>{
        // Your previous code:
        // return this.http.post<string>(this.url,JSON.stringify(login));
        
        // Updated with details from (https://angular.io/guide/http#requesting-non-json-data)
        return this.http.post<string>(this.url, JSON.stringify(login), {responseType: 'text'});
     }
}

【讨论】：

@LucasAlves => 如果这对您有用，您能否接受它作为答案，以便将来查看该页面的其他人知道？

【解决方案2】：

不要使用简单的字符串AAA，它不是有效的Json，而是使用ResponseEntity<Map<String, String>>中的字符串映射

【讨论】：