DOM 中注入的表单不会提交

Question

在 ionic 2 框架上使用以下代码时，一切都Android上运行良好，但是当我将其转换为iOS时，只有以下代码不起作用。过去两天我一直在尝试。

请有人看一看并建议发生了什么。

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController) {}
proceedToPayment(){
var mapForm = document.createElement("form");
mapForm.target = "_blank";    
mapForm.method = "POST";
mapForm.action = "http://www.example.com/api/checkout.php";
// Create an input
var firstname = document.createElement("input");
var lastname = document.createElement("input");
firstname.type = "text"; firstname.name = "firstname"; firstname.value = "John";
lastname.type = "text"; lastname.name = "lastname"; lastname.value = "Doe";
// Add the input to the form
mapForm.appendChild( firstname );
mapForm.appendChild( lastname );
document.body.appendChild(mapForm);
mapForm.submit();
}
}

Answer 1

您需要安装cordova-plugin-whitelist。 如果您还没有它，只需运行ionic plugin add cordova-plugin-whitelist.

然后将<allow-navigation href="http://*/*" />添加到您的配置中.xml