如何通过http post angular 2传递表单值

Question

我正在尝试使用angular 2中的POST http方法通过当前url传递值，但出现错误。

TS：

  let urlSearchParams = new URLSearchParams();
  urlSearchParams.append('arrydetails', this.registerForm.value);

  this.http.post('currenturl', urlSearchParams).subscribe(
  data => {
    alert('ok');
  },
  error => {
    console.log(JSON.stringify(error.json()));
  }
)

Answer 1

Angular关于http请求的文档：

https://angular.io/guide/http#making-a-post-request

在这里，您将能够找到正确发出POST，DELETE，PUT请求以及如何将表单字段的值传递到请求中的方法。

提供有关Angular文档建议的摘要

addHero (hero: Hero): Observable<Hero> {
       return this.http.post<Hero>(this.heroesUrl, hero, httpOptions)
    .pipe(
      catchError(this.handleError('addHero', hero))
    );
}

现在的解决方案

在要放置数据的示例中，可以找到“英雄”，在您的情况下，您似乎希望它是“ this.registerForm.value”？ 您当前执行发布的方式是不传递任何要发布的数据。