how to call cross-domain web api using ajax?

Question

jQuery.ajax({
           type: "GET",
           url: 'http://example.com/restaurant/VeryLogin(username,password)',
           dataType: "json",

           success: function (data) {
               alert(data);
           },
           error: function (XMLHttpRequest, textStatus, errorThrown) {
               alert("error");
           }
       });

it alerts success, but data was null. The url returns xml data, if we specify the dataType we can get the json data,but here it was not getting any data.

Any help appreciated.

pmckeown · Accepted Answer · 2012-03-27 13:32:49Z

9

Javascript is subject to the same domain policy. This means for security a JS Script in a client browser can only access the same domain as it came from.

JSONP is not subject to the same restrictions.

Check the jQuery docs on JSONP here:

http://api.jquery.com/jQuery.getJSON/

Here is a working example of using JSONP to access a cross-domain service via JQuery AJAX:

http://jsbin.com/idasay/4

And just in case JSBIN deletes this paste in the future:

jQuery.ajax({
     type: "GET",
     url: 'http://api.geonames.org/postalCodeLookupJSON?postalcode=6600&country=AT&username=demo',
     dataType: "jsonp",
     cache: false,
     crossDomain: true,
     processData: true,


     success: function (data) {
         alert(JSON.stringify(data));
     },
     error: function (XMLHttpRequest, textStatus, errorThrown) {
         alert("error");
     }
 });

edited Mar 27, 2012 at 13:32

answered Mar 27, 2012 at 13:05

pmckeown

4,4894 gold badges34 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

tiru Over a year ago

i have already followed the link,but it didn't produced the result.

pmckeown Over a year ago

From the link posted previously: " Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol. Script and JSONP requests are not subject to the same origin policy restrictions."

pmckeown Over a year ago

I would advise looking at how to achieve what you need using the JSONP example at the above link.

tiru Over a year ago

i tried jsonp also but no result. If i replace an url that produces the json data directly without specifying the content means adding url+&json,i'm getting the response.But not getting any for the xml response.

pmckeown Over a year ago

If you request jsonp, you won't get any xml in the response, you'll get JSON. xhr.responseText should contain the returned JSON.

Paul Wheeler · Accepted Answer · 2019-07-06 04:35:48Z

2

It's impossible to use Ajax to get cross-domain data directly without changing backend. It's called Same origin policy.

You can set the special header Access-Control-Allow-Origin in backend(how do to this). Or you can use JSONP.

edited Jul 6, 2019 at 4:35

Paul Wheeler

20.3k3 gold badges34 silver badges47 bronze badges

answered Mar 27, 2012 at 13:07

Lai Yu-Hsuan

28.3k29 gold badges100 silver badges168 bronze badges

Comments

Francis P · Accepted Answer · 2012-03-27 13:06:04Z

0

Look for jsonp datatype.

jQuery.ajax({
       type: "GET",
       url: 'http://xxx.com/restaurant/VeryLogin(username,password)',
       dataType: "jsonp",
   cache: false,
       crossDomain: true,
   processData: true,

       success: function (data) {
           alert(data);
       },
       error: function (XMLHttpRequest, textStatus, errorThrown) {
           alert("error");
       }
   });

answered Mar 27, 2012 at 13:06

Francis P

13.7k3 gold badges30 silver badges52 bronze badges

2 Comments

tiru Over a year ago

i followed your changes nut no result yet.

Francis P Over a year ago

You must read about jsonp. Yet, the page you are calling is not returning jsonp data.

Savaratkar · Accepted Answer · 2014-07-20 12:52:18Z

0

here is a fantastic article to make GET and POST cross-domain call : http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

It just helped me a lot....shoot comments for any query.

answered Jul 20, 2014 at 12:52

Savaratkar

2,0742 gold badges25 silver badges47 bronze badges

Collectives™ on Stack Overflow

how to call cross-domain web api using ajax?

4 Answers 4

5 Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related