PhoneGap在HTML中加载本地页面

时间:2015-11-19 10:14:38

标签: javascript jquery html ajax cordova

我尝试使用Jquery .load()在我的 phonegape应用程序中加载一个页面,但它不起作用,因为它不在服务器上而且它是'在本地机器上。当我在构建时上传应用程序时。 phonegape我的页面仍将包含在www文件夹中。如何在div中加载页面? 这不起作用

<script>

  $(".form-control2").change(function(){


    $(".plan_mese4").load("select_mese.html");

});
</script>

如果我使用http它正在工作但我不需要,因为我的文件是本地文件,而不是服务器。

编辑*

现在我的桌面上有我的应用程序,我也用phonegap和.load()编译它,因为文件是本地的,所以它不能正常工作。它只适用于我将我的文件放在服务器上并从那里加载它但我不想要,因为请求需要更多时间。

2 个答案:

答案 0 :(得分:0)

thnx到Quentin我发现我可以使用文件路径进行ajax调用,即使它是本地的。如果其他人需要它,我就这样做了。我在我的案例file:///E:/rezerv.city/www/local.html?id=114&tip=5中获取了网址,我删除了local.html?id=114&tip=5.html部分,并在我的案例中添加了我需要的内容select_mese.html。

$(".form-control2").change(function(){

            var url =window.location.href;
            url = url.substring(0, url.lastIndexOf("/") + 1);
            $(".plan_mese4").load(url +'index.html');


});

答案 1 :(得分:0)

在我的应用中我使用:

<div id="loadExternalURL" class="site"></div>

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

function onDeviceReady() {
 $('#loadExternalURL').load('http://www.site.com.br');

$.ajax({
  dataType:'html',
  url:'http://www.site.com.br',
  success:function(data) {
    $('#ajax').html($(data).children());
  }
  }); 
} 

它对我有用。