将POST请求从对象解析为JSON

Question

我试图向服务器发出POST请求，但我遇到了一个问题。服务器似乎收到了请求，但我仍然在控制台中看到一个错误，建议将主体从Object更改为JSON

错误：SyntaxError:JSON中位于JSON位置0处的意外标记A。在XMLHttpRequest处解析（）。装载(http://localhost:4200/vendor.js:69142:51)text:“它是用id=：23保存的新用户”proto:Object headers:HttpHeaders{normalizedNames:Map（0），lazyUpdate:null，lazyInit:ƒ}消息：“在对http://localhost:8191/api/user名称：“HttpErrorResponse”

例如，在我的cod中，我需要解决这个问题，因为当我提交它时，我试图导航到另一个页面。

createNewUser(user: User): Observable<Object>{
    return this.httpClient.post(`${this.createURL}`,user);
  }

  saveNewUser(){
    this.userService.createNewUser(this.user).subscribe( data =>{
      console.log(data);
      this.router.navigateByUrl('/list-user');
    },
    error => console.log(error));
  }

解决方案的一个较旧的Angular版本，它有@角/超文本传输协议在过去的旧版本的Angular，旧的10，我知道我能够做到这一点，就像下面，但现在不是请求选项我不能导入它，因为它需要@角/超文本传输协议：

addUser(user: User){
        let body = JSON.stringify(user);
        //pass the content type which is aoolication/JSON cintent
        let headers = new Headers({'Content-Type': 'application/json'});
        let options = new RequestOptions({headers: headers});
        //pass body and options
        return this._httpService.post("https://localhost:8443/api/user", body, options);
    }

你还有别的解决办法吗？

Answer 1

服务器似乎正在返回文本作为响应。默认情况下，HttpClient中的响应类型为json。您可以在请求中将其设置为text。

试试下面的方法

addUser(user: User){
  let body = JSON.stringify(user);
  let headers = new Headers({'Content-Type': 'application/json'});
  let options = new RequestOptions({
    headers: headers,
    responseType: 'text'     // <-- set response type as `text`
  });

  return this._httpService.post("https://localhost:8443/api/user", body, options);
}

您可以直接在请求中传递该选项

html prettyprint-override">createNewUser(user: User): Observable<Object>{
  return this.httpClient.post(`${this.createURL}`, user, { responseType: 'text' });
}