consuming REST API on client side using JQuery for phonegap Application

Question

My code is like

$.ajax({
    cache: false,
    url:  <Web Service URL>,
    data: "{}",
    type: 'GET',
    crossDomain: true,
    dataType: 'json',
    success: function() { alert("Success"); },
    error: function() { alert('Failed!'); },
});

I'm trying to access the REST API from client side using JQuery but it gives error like XMLHttpRequest cannot load <Web Service URL>. Origin null is not allowed by Access-Control-Allow-Origin.

So may someone help me to resolve this error..?

Hi Pushpesh, I tried the JSONP also, but it gives same error — Umesh Kadam, Oct 03 '12 at 07:02
Can you give me the url that works so that i can give it a try. The url you gave above is not working, so there is no way for me to verify. — web-nomad, Oct 03 '12 at 07:20

score 2 · Answer 1 · answered Nov 14 '13 at 06:57

2

After Google for the same, I came to know that, user have to add "" in config.xml of the phonegap/hybrid application.

answered Nov 14 '13 at 06:57

Umesh Kadam

843
2
7
14

score 1 · Answer 2 · answered Oct 03 '12 at 06:47

Ajax requests need to be to the the server that served the web page.

What you can do is have a proxy on your website that forwards requests from the browser to the site to which you wish to make the call.

http://your.site.here/proxy/bentley/LearnService/Learnservice.svc/REST/...

So if you happened to be using apache for instance you could configure a reverse proxy by adding something like below to httpd.conf:

ProxyPassReverse /proxy/bentley http://khara37793punl.bentley.com/

score 1 · Answer 3 · edited May 23 '17 at 12:23

1

Take a look on other SO questions with this problem : Access Control Allow Origin not allowed by

And the famous : Access-Control-Allow-Origin Multiple Origin Domains?

All was explain on these answers, you have to allow script your server, or your script has to be on the same server.

edited May 23 '17 at 12:23

Community

1
1

answered Oct 03 '12 at 07:51

palmplam

707
9
20

consuming REST API on client side using JQuery for phonegap Application

3 Answers3