Question

我有一个角度4应用程序，当单击一个按钮时，我想使用post请求将表单详细信息发送到外部Java Web应用程序并将表单值提交给它。一旦重定向到外部应用程序并在该页面上确认之后，这必须重定向回具有发布请求参数的角度应用程序，并且角度应该能够检索这些值。我是新角色，不知道如何实现这一点。有人可以通过提供样本或步骤来帮助我。

谢谢，哈瑞。

Answer 1

首先，您需要创建一个包含所有表单字段的FormGroup元素，然后在form submit上创建一个request并在其中添加这些值并触发请求，然后您需要处理响应，如果您使用Observables，您可以在subscribe内执行此操作，或者如果您使用Promises，则可以在内部执行此操作then。

Answer 2

这可能对您有用： https://angular.io/tutorial/toh-pt4

您创建服务类
您将HTTPClient / HttpService添加到此类

您可以使用以下内容调用外部应用程序：

passFormDetails(formValue: any): any {
  return this._httpService.post<any>('url of your external application goes here', formValue);
}

然后在您的组件中，您将获得此服务类的实例：

constructor(private _myService: MyService) {}

并调用刚刚创建的函数：

someFunction() {
  this._myService.passFormDetails(this.formValue).subscribe(){
    next: (result) => {
      this.variableToStoreReturn = result;
    },
    error: (err) => {
      console.log(err);
    }
  }
}

希望这有助于您开始，如果您有任何疑问 - 请询问。

angular 4 post请求外部应用程序和回调到带有post请求参数的angular应用程序

2 个答案: