我想在 Ionic 框架中实现 webview.postUrl答案

【问题标题】：I want to implement webview.postUrl in Ionic framework我想在 Ionic 框架中实现 webview.postUrl
【发布时间】：2017-03-21 07:46:57
【问题描述】：

我正在进行一个需要付款集成的项目。但是在本机中，他们使用 webview 来处理支付网关，如下所示：

webview.postUrl(URL, URLEncoder.encode(data.toString(), "UTF-8").getBytes());

我想在 Ionic 框架中实现相同的功能。我在 InAppBrowser 插件的帮助下尝试了以下方法，希望得到相同的结果：

ref = cordova.InAppBrowser.open(URL, '_blank', 'location=yes');
ref.addEventListener('loadstop', function(event){
    $.ajax({
        method: 'POST',
        url: URL,
        contentType: 'application/json; charset=UTF-8',
        data: JSON.stringify(data)
    }).success(function(data) {
        console.log(data);
    });
});

但我没有得到回应。

那么，我恳请大家帮助我在 Ionic 中实现“webview.postUrl”？

如果你们中的任何人都可以制作 ionic 或 cordova 插件然后发布它，这也会很有帮助。因为像我这样的许多人现在都会面临这个问题。

提前谢谢大家。

【问题讨论】：

标签： angularjs cordova ionic-framework webview inappbrowser

【解决方案1】：

最后我成功得到了和 webview.postUrl 一样的结果。

我在我的应用中实现了以下代码。

var URL = "https://www.yoururl.com"; // your url

var pageContent = "<html><head></head><body><form id='loadform' action='" + URL + "' method='post'>" +
    "<input type='hidden' name='keyname' value='" + value + "'>" +
    "</form> <script type='text/javascript'>document.getElementById('loadform').submit();</script></body></html>";
var pageContentUrl = "data:text/html;base64," + btoa(pageContent);

var browserRef = window.cordova.InAppBrowser.open(
    pageContentUrl,
    "_blank",
    "hidden=no,location=no,clearsessioncache=yes,clearcache=yes"
);

在这里您可以看到我正在制作带有输入字段的简单 html 表单。该输入字段包含我的数据的键和值（与 json 相同）。

此方法在 Android 和 iOS 上都适用。

感谢所有投入宝贵时间帮助我的人。

【讨论】：