Angular2 - отправить объект в теле запроса http.post

Question

Я работаю над веб-проектом Angular2, в моем классе TS у меня есть объект:

  Object: any=  {
      "first":null,
      "second":null,
      "third": null,
  }

Я хочу отправить объект в теле запроса http.post. Я попробовал следующий код, но он не работает;

     method() {
       const url='/pathname/';
       return this.http.post(url, this.Object).pipe(map((data:any)=>data));
     }

Я получил ошибку в консоли:

    error :  HttpErrorResponse {headers: HttpHeaders, status: 400, statusText: "OK",url: "http://localhost:8080/path", ok: false,..}
    headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
    message: "Http failure response for 
    http://localhost:8080/path 400 OK"
    name: "HttpErrorResponse"
    ok: false
    status: 400
    statusText: "OK"
    url: "http://localhost:8080/path"

Не могли бы вы объяснить, как отправить машинописный объект в теле почтового запроса? Заранее спасибо

Answer 1

вы получаете 400 ошибочных запросов, ключи полезной нагрузки не соответствуют среднему износу.Пожалуйста, предложите передать правильные параметры в объект запроса.

Answer 2

вы должны подписаться на метод post, потому что этот метод класса http возвращает наблюдаемое. Вы можете переписать свой код как: -

 method() {
   const url='/pathname/';
   return this.http.post(url, this.Object).subscribe( resp=> {
               const data = resp; // response you get from serve
          }, error => {
                      console.log(error); //error you get from server 
          });
 }

Answer 3

Вам необходимо подписаться на заметку, возвращаемую функцией method. Это сделано так.

this.method().subscribe(
                 res => {
                 // Handle success response here
                 },
                 err => {
                 // Handle error response here
                 }
              );