如何通过http post angular 2

时间:2018-09-19 22:16:13

标签: angular http http-post angular5 angular6

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

1 个答案:

答案 0 :(得分:2)

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))
    );
}

现在解决方案

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