2016-12-14 72 views
1

我在PhoneGap中使用JavaScript集成了PayPal集成,但是我面临的问题是它不在inApp浏览器中打开。而不是它在我的应用程序之外开放。所以我想要在inApp浏览器中打开PayPal URL。
我是PhoneGap的新手,如果有人知道,请帮忙。下面是代码如何使用cordova/phonegap在inApp浏览器中打开PayPal

<form id="openpaypal" method="post" target="_top"> 
<input type="hidden" name="cmd" value="_s-xclick"> 
<input type="hidden" name="hosted_button_id" value="NSH74TD463ZSU"> 
<input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!"> 
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1"> 
</form> 

//script here 

<script> 
     document.getElementById("openpaypal").addEventListener("click", openBrowser); 

     function openBrowser() { 
      alert("called here"); 
      var url = 'https://www.paypal.com/cgi-bin/webscr'; 
      var target = '_blank'; 
      var options = "location=yes" 
      var ref = cordova.InAppBrowser.open(url, target, options); 

      ref.addEventListener('loadstart', loadstartCallback); 
      ref.addEventListener('loadstop', loadstopCallback); 
      ref.addEventListener('loadloaderror', loaderrorCallback); 
      ref.addEventListener('exit', exitCallback); 

      function loadstartCallback(event) { 
       console.log('Loading started: ' + event.url) 
      } 

      function loadstopCallback(event) { 
       console.log('Loading finished: ' + event.url) 
      } 

      function loaderrorCallback(error) { 
       console.log('Loading error: ' + error.message) 
      } 

      function exitCallback() { 
       console.log('Browser is closed...') 
      } 
     } 
    </script> 
+0

是它的,因为你的行头,只要将你的'cordova.js'没有任何文件夹路径,例如'

+0

我已经添加了,但仍未在inApp浏览器中打开 –

回答

1

对于科尔多瓦命令

加入插件,首先

Here链接

$ cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git 

这是你的脚本

<script src="assets/js/cordova.js" type="text/javascript"></script> 
<script src="assets/js/min/app.js" type="text/javascript"></script> 

但是同时建立一个应用程序cordova.js自动添加到www文件夹的根路径

所以它添加像下面

<script src="cordova.js" type="text/javascript"></script> 

对于PhoneGap的构建

加入这行到config.xml文件

<plugin name="org.li8.inappbrowser" spec="0.1" source="pgb" /> 

设置脚本

<script src="phonegap.js" type="text/javascript"></script> 

编辑

拨打设备后,你的函数准备好可它正在为您解决问题

document.addEventListener("deviceready",onDeviceReady,false); 

function onDeviceReady() 
{ 
    document.getElementById("openpaypal").addEventListener("click", openBrowser); 
} 

function openBrowser() 
{ 
    var url = 'https://www.paypal.com/cgi-bin/webscr'; 
    var target = '_blank'; 
    var options = "location=yes"; 
    var ref = window.open(url, target, options); 
} 
+0

看看我编辑的答案,会帮助你。 –

+0

感谢您的信息。我会检查它 –

+1

无论如何谢谢。我找到了使用javascript的替代解决方案。 –