Injected form in the DOM doesn't submit

Question

When using the following code on ionic 2 framework, everything works great on Android but when I converted it into iOS only the following bit of code doesn't work. I have been trying for past 2 days.

Please if someone can have a look and advise what's going on.

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();

      }

    }

iOS will prevent the consumption of insecure urls. You have to add a key-value to the `Info.plist`, check this answer -> http://stackoverflow.com/questions/30731785/how-do-i-load-an-http-url-with-app-transport-security-enabled-in-ios-9 — dlcardozo, Mar 15 '17 at 20:10

dlcardozo · Answer 1 · 2017-03-15T23:32:42.237

0

You need to have cordova-plugin-whitelist installed. If you don't have it yet, just run ionic plugin add cordova-plugin-whitelist.

Then add <allow-navigation href="http://*/*" /> to your config.xml

edited Mar 15 '17 at 23:32

answered Mar 15 '17 at 20:22

dlcardozo

3,953
1
18
22

Thanks for your answer. I have tried it and it still doesn't work. Any other solution you have? – Devil Raily Mar 15 '17 at 21:31
I have updated the protocol, it was `https` instead of `http`, try that change . – dlcardozo Mar 15 '17 at 23:34

Injected form in the DOM doesn't submit

1 Answers1