【问题标题】:How to open a FormPost url within the ionic app如何在 ionic 应用程序中打开 FormPost url
【发布时间】:2026-01-01 14:00:02
【问题描述】:

home.ts

<form  (ngSubmit)="onSubmit()"  [formGroup]="onlinepaymentForm" action="https://www.viarchtechnologies.com/projects/coolmanz/ws/onlinepaymentRequest" target="_blank" method="POST" #form >
    <ion-list>
        <ion-item class="item item-trns text-center" >
            <ion-label  color="whitee">Amount </ion-label>
            <ion-input type="number" [readonly]='true'  
formControlName="cashamount2" name="amount" value="{{cashamount}}"></ion-input>
        </ion-item>
   <ion-list>
</form>

post URL 是一个控制器函数,从控制器函数中,我们在新选项卡中打开一个外部 URL。用浏览器测试时运行良好。但该 URL 未在移动设备中打开。如何使用 ionic 来达到同样的效果?

【问题讨论】:

    标签: angular ionic3 form-post


    【解决方案1】:

    您可以使用离子原生插件 - 在 App Browser https://ionicframework.com/docs/native/in-app-browser/ 中,不确定路由到该插件是否可以解决实际问题,因为它看起来像是用于付款。

    如果您想将值从 ionic 应用程序传递到外部页面,您必须使用像 http://html.net/page.php?paramOne=1254&paramTwo=ABC 这样的 URL 传递值,并且您可以使用 PHP 或其他服务器端语言中的 $_GET['paramOne'] 获取该值.

    或者您可以发布整个 json 对象并获取为 $rawData = file_get_contents("php://input");检查这个例子; https://forum.ionicframework.com/t/login-authentication-in-ionic-2-with-php-file/53994/4

    另外,请检查 cordova 上的支付插件,就像 paypal 一样 --> 他们提供了一个很好的 api 和一个 cordova-plugin。

    【讨论】: