jquery.load() not working on phonegap

Question

I am developing buyers guide app with phonegap. where i am trying to fetch some info from server using jquery. but when i run following code with phonegap its not working

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.9.1.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $('#div1').load('http://localhost/MySample.php');
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Click to get information</h2></div>
<button>Get External Content</button>

</body>
</html>

Does the device you're building this on have a webserver? – ceejayoz Feb 09 '13 at 23:50 — ceejayoz, Feb 09 '13 at 23:50
yes.. It has apache n php instald – NewCoder Feb 10 '13 at 00:03 — NewCoder, Feb 10 '13 at 00:03
Have you checked the JavaScript error console? – ceejayoz Feb 10 '13 at 00:11 — ceejayoz, Feb 10 '13 at 00:11

score 0 · Answer 1 · answered Feb 10 '13 at 09:32

0

Do you have CORS enabled on the server?

PhoneGap loads the index.html from the local filesystem and the same origin policy prevents ajax calls to different domains, such as localhost.

answered Feb 10 '13 at 09:32

Vlad Stirbu

1,732
2
16
27

No. .i dont hav cors enbld on ma servr – NewCoder Feb 10 '13 at 20:45

score 0 · Answer 2 · answered Feb 10 '13 at 09:38

0

Are you testing on simulator or on a device?

You can't use localhost on a device because localhost is the device, you have to use the server local IP instead

And you have to whitelist the IP too (or use *, it whitelist all the IPs) whitelist guide

answered Feb 10 '13 at 09:38

jcesarmobile

51,328
11
132
176

M using it on simulator. . Then hw cn I do it widout usin localhost? – NewCoder Feb 10 '13 at 20:34
If you are using the simulator, then localhost should work, so it has to be the whitelist problem. Look at the link I posted with the whitelist guide – jcesarmobile Feb 11 '13 at 07:44

jquery.load() not working on phonegap

2 Answers2

Linked