Fatal编程技术网
  • javascript/
  • Javascript 如何在Ionic中将表单数据发布到应用程序内浏览器？

Javascript 如何在Ionic中将表单数据发布到应用程序内浏览器？

javascript android html forms ionic-framework

Javascript 如何在Ionic中将表单数据发布到应用程序内浏览器？,javascript,android,html,forms,ionic-framework,Javascript,Android,Html,Forms,Ionic Framework,我使用的是离子框架 我有这样一个表格： <form action='https://secure.payu.in/_payment' method="POST" target="..."> ...... </form> 然而，我需要的是在表单提交时，应用程序内浏览器应该打开，而不是通过js触发应用程序内浏览器 感谢您的帮助 我最近也遇到了同样的问题。我通过使用executeScript方法注入一个表单来解决这个问题 首先，您必须在appbrowser窗口中打开一个转

我使用的是离子框架

我有这样一个表格：

<form action='https://secure.payu.in/_payment' method="POST" target="...">
  ......
</form>
然而，我需要的是在表单提交时，应用程序内浏览器应该打开，而不是通过js触发应用程序内浏览器

感谢您的帮助

我最近也遇到了同样的问题。我通过使用
executeScript
方法注入一个表单来解决这个问题

首先，您必须在appbrowser窗口中打开一个转换页面（一个空白页面或其他页面，但引用jquery时，您必须将其托管在某个位置）：

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
我现在也有同样的问题。如果你已经做到了，你能和我分享这些代码吗，这将是很大的帮助。嗨@NitinAgarwal，所以我做的是一个肮脏的黑客，在ionic应用程序中使用了一个iFrame。不过，这并不安全，尽管我见过很多大型机应用程序使用这种做法。嗨@Gustavo Rivas，我已经看过了你的答案，但我有很多参数，所以如果你已经完成了集成，你能分享你的代码吗，这对我会有很大帮助 
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

 var browserWindow = window.open('http://transitionpage.com', '_blank', 'location=yes,hidden=yes,hardwareback=no');
 var transitionLoaded = false;
 var finalURL = 'https://finalurl.com';
 var paramName = 'SOME_PARAM';
 var paramValue = 'asdf';
 function injectForm() {
    browserWindow.executeScript({
        code: "var $form;$form = $(document.createElement('form')).css({ display: 'none'}).attr('method', 'POST').attr('action', '" + finalURL + "');$('body').append($form);var $input = $(document.createElement('input')).attr('name', '" + paramName + "').val('" + paramValue + "');$form.append($input);$form.submit();"
    }, function() {
        //Form injected
        transitionLoaded = true;
    });
 }
 browserWindow.addEventListener('loadstop', function(event) {
    if (event.url.indexOf('http://transitionpage.com') !== -1 && !transitionLoaded) {
        injectForm();
    }
 });
 browserWindow.show();