使用Angular2进行REST API调用

时间:2017-06-07 07:01:30

标签: rest angular ionic-framework ionic2 http-post

我是Angular2的新手,我尝试使用Ionic2框架来构建移动混合应用程序。

我需要对基于REST的API进行POST调用,但我无法这样做。

任何人都可以建议我朝着完成同样目的的方向发展

1 个答案:

答案 0 :(得分:0)

下面是发布请求的示例,在Angular 2和Ionic 2中都是相同的。阅读更多文档。

 registerUser(registration: RegistrationTO): Promise<String> {
    let headers = new Headers();
    let body = JSON.stringify(
      {
        "userName": registration.userId,
        "emailId": registration.emailId,
        "userId": registration.userId,
        "facultyCode": registration.facultyCode
      }
    );
    headers.append('Content-Type', 'application/json');
    let params:URLSearchParams = new URLSearchParams();
    let requestOption: RequestOptionsArgs =
      {search: params,  headers: headers };
    return this.http
      .post(RegistrationUrl, body, requestOption)
      .toPromise()
      .then(res => res.json().userTO.msg)
      .catch(this.handleError);
  }

像这样调用函数

this.loginService.registerUser(this.registration).then((msg)=>{console.log(msg)});