Ionic 5 inappbrowser loadstop在发送post表单后不会被触发



发送后未触发loadstop事件…我不知道为什么。我已经花了3天的时间在这上面了,最后期限就要到了。

任何帮助都是感激的。

import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
//CREATE THE FORM AND URL
var form = document.createElement("form");
var url = this.requestPath;
form.setAttribute("method", "post");
form.setAttribute("action", url);
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", 'Version');
hiddenField.setAttribute("value", this.version);
form.appendChild(hiddenField);
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", 'MerID');
hiddenField.setAttribute("value", this.merchantID);
form.appendChild(hiddenField);
document.body.appendChild(form);
let type = '';
//type = '_self';
//type = '_system';
type = '_blank';
url = '';
//let browser = this.theInAppBrowser.create(url, type);
let browser = this.theInAppBrowser.create('http://localhost/', type);
//form.submit();
if (browser) {
//browser.show();
browser.on("loadstop").subscribe(function (event) {

if (event.url == 'http://localhost/') {
console.log('submitting form')
form.submit();
}
console.log('res : loadstop', event);
},
err => {
console.log('error : ', err);
})
}

所以loadstop开始工作并触发提交的表单。表单导航到支付外部网站成功,但loadstop不再工作,我无法导航回我的移动应用程序。

编辑:忘记添加了当从Android Studio调试时,我可以看到导航(onPageDidNavigate和onPageFinished)

from Android Studio

对于其他人…我遇到的问题是,我正在实例化一个新表单,事件不可达。

const pageContent = '<html><head></head><body>' +
'<form name="redirect" id="redirect" action="' + this.requestPath + '" method="post">' +
'<input type="hidden" name="Version" value="' + this.version + '">' +
'<input type="hidden" name="MerID" value="' + this.merchantID + '">' +
'<input type="hidden" name="AcqID" value="' + this.acquirerID + '">' +
'</form> <script type="text/javascript">document.getElementById("redirect").submit();</script>' +
'</body></html>';
const pageContentUrl = 'data:text/html;base64,' + btoa(pageContent);
const browserRef = this.theInAppBrowser
.create(
pageContentUrl,
'_blank',
this.options
);
browserRef.on('loadstop').subscribe(event => {
console.log('loadstop started');
console.log(event);
console.log('loadstop url', event.url);
if (event.url == 'https://...') {
console.log(JSON.stringify(event));
browserRef.close();
}
});

通过像上面那样改变它,它现在工作了!最后

最新更新