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

【问题标题】：How to pass form values by http post angular 2如何通过http post angular 2传递表单值
【发布时间】：2018-09-19 22:16:12
【问题描述】：

我正在尝试使用 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()));
  }
)

【问题讨论】：

你能分享一下错误吗？
你使用的是http请求还是httpClient？
你能创建一个stackbliz吗？

标签： angular http http-post angular5 angular6

【解决方案1】：

Angular 关于 http 请求的文档：

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

在这里您将能够了解如何正确地发出 POST、DELETE、PUT 请求以及如何将表单字段的值传递到请求中。

提供 Angular 文档建议的 sn-p

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

现在的解决方案

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

【讨论】：