Как получить данные формы, отправленные с помощью почтового запроса на интерфейсный JavaScript

Question

Я собираюсь интегрировать услугу платежного шлюза в свой проект.На основании документации, предоставленной этой службой платежного шлюза, мне потребовалось отправить некоторые значения на ее страницы.

Ниже приведены способы, с помощью которых я выполняю отправку данных формы.

<form method="POST" [formGroup]="formService.ngForm" (ngSubmit)="onSubmit($event)" name="ePayment"
        action="https://www.mobile88.com/ePayment/entry.asp">
    <input type="hidden" name="MerchantCode" [value]="merchantSetting.merchantCode">
    <input type="hidden" name="SignatureType" [value]="merchantSetting.signatureType" />
    <input type="hidden" name="Signature" [value]="generatedSignature | async" />
    <input type="hidden" name="ResponseURL" [value]="merchantSetting.responseUrl" />
    <input type="hidden" name="BackendURL" [value]="merchantSetting.backendUrl" />

    <ion-label>{{ 'paymentPage.referenceNumber' | translate }}</ion-label>
    <ion-input type="text" name="RefNo" [value]="referenceNumber" readonly="true"></ion-input>

    <ion-label>{{ 'paymentPage.currency' | translate }}</ion-label>
    <ion-input type="text" name="Currency" value="MYR" readonly="true"></ion-input>

    <ion-label>{{ 'paymentPage.productDescription' | translate }}</ion-label>
    <ion-input type="text" name="ProdDesc" readonly="true" [value]="packageSubscriber | async"></ion-input>

    <ion-label>{{ 'paymentPage.amount' | translate }}</ion-label>
    <ion-input type="text" name="Amount" readonly="true" [value]="amount"></ion-input>

    <ion-label>{{ 'paymentPage.username' | translate }}</ion-label>
    <ion-input formControlName="username" type="text" name="UserName">

    <ion-label>{{ 'paymentPage.userEmail' | translate }}</ion-label>
    <ion-input formControlName="userEmail" type="text" name="UserEmail"></ion-input>
    <ion-label>{{ 'paymentPage.userContact' | translate }}</ion-label>
    <ion-input formControlName="userContact" type="text" name="UserContact"></ion-input>
    <ion-button type="submit" class="submit-button" value="Proceed with Payment" name="Submit">
          {{ 'paymentPage.proceedWithPayment' | translate }}
    </ion-button>
</form>

  async onSubmit(e) {
    if (this.formService.ngForm.valid) {
        e.target.submit();
    }
  }

После отправки формы пользователь будет перенаправлен на веб-страницу платежного шлюза и осуществит платеж.После оплаты платежный шлюз будет перенаправлен обратно на responseUrl (который является нашим угловым интерфейсом), который мы предоставили при отправке формы, а некоторая информация о платеже была прикреплена с помощью метода POST.В таком случае, как я могу получить эти значения с помощью javascript?

Я попытался выполнить поиск в Google, и оказалось, что большинство людей будут напрямую использовать код php, такой как ниже, для получения значенияв html, но в нашем стеке проектов фронтенд и бэкэнд полностью разделены.Есть ли способ сделать это?

  $_POST["name"]

  $_POST["email"]

Спасибо.

Answer 1

Формы отправки сообщений предназначены для отправки данных на сервер, а отправленные формы отвечают новой веб-страницей.Это не так, как обычно делают в Angular.В Angular вы обычно используете шаблонные формы или реактивные формы для привязки форм к объектам, а затем отправляете данные обратно на сервер с помощью Angular HttpClient.

Вопрос, который вы задаете, заключается в том, как мне делать формы в Angularчто на самом деле выходит за рамки ответа StackOverflow.Вам необходимо ознакомиться с формами Angular, и, как только вы поймете это, вам нужно понять службу Angular о том, как передавать данные между страницами.

Answer 2

Сохраняйте информацию, которую вы отправляете через Post, локально, используя хранилище сеансов.Таким образом, вы можете удерживать информацию до тех пор, пока не закроете вкладку / окно.