PhoneGap load local page inside HTML

Question

I tried to load a page inside my phonegape aplication with Jquery .load() but it doesn't work since it's not on a server and it's on local machine. When I'll upload the app on build. phonegape my page will still be included on the www folder. How can I load a page inside a div ? This is not working

<script>

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


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

});
</script>

If I use http it's working but i don't need that since my file is local and not on a server.

edit*

Right now i have my app on desktop, i also compiled it with phonegap and .load() it's not working since the file is local. It only works if i put my file on a server and i load it from there but i don't want that since the request take more time.

Answer 1

thnx to Quentin i found that i can use the filepath to make an ajax call even if it's local. So i did it like this if anyone else needs it. I get the url location in my case file:///E:/rezerv.city/www/local.html?id=114&tip=5 and i remove the local.html?id=114&tip=5.html part and i add what i need in my case 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');


});

Answer 2

in my app I'm use:

<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());
  }
  }); 
} 

It works for me.