表單提交角度帖子不起作用

Question

我是一名后端開發人員，正在嘗試使用 angular 我正在嘗試打開一個彈出窗口（window.open），其中包含一個從 angular 提交到外部應用程序的表單。 “window.open”是它的提交請求，而不是表單。 此彈出窗口是來自其他應用程序的常見彈出窗口（現有應用程序）。 這些是現有的應用程序。

Html在 HTML 頁面中將表單設置為隱藏。

    <header>
...
    <ul>
    <li>
       <a href="#" (click)="contactSupportPopUP()">Contact Support</a>
    </li>
....
</ul>
...
    <form [formGroup]="contactSupportForm" action="url" method="post" traget="openSupportPopup">
       <input type="hidden" formControlName="appId" id="appId" value="App1">
       <input type="hidden" formControlName="appNm" id="appNm" value="AppOne">
    ....
    ....
    </form>
</header>

組件.ts

    supportForm: FormGroup; externalAppUrl:string="http://....";
    constructor(formBuilder: FormBuilder...)// added formBuilder, formsModule, ReactiveFormModules
    {
     this.supportForm= new FormGroup({
          appId: new FormControl('App1'),
          appNm: new FormControl('AppOne'),
          .....
    }
    public contactSupportPopUP(){
          window.open(this.externalAppUrl);//This open not submitting form
          window.open(this.externalAppUrl+'?appId=App1'&appNm=AppOne&...);//This is working. Dont want tosubmit data in url param.

    }

我不確定如何向外部應用程序提交表單。

現有的應用程序之一在 JSP 中隱藏了表單，它們可以提交 javascript。

Answer 1

如果您需要在現有應用程序中打開 url，則可以使用iframe 。 並且，要發布表單數據，您可以通過 angular 在 http 發布請求中使用this.supportForm.value作為postData 。