Unable to get json from external url using jquery

Question

Here is my code

       $.ajax({
    type:"GET", 
    url: "http://fantasy.premierleague.com/web/api/elements/100/", 
    success: function(data) {
            alert(JSON.stringify(data));
        }, 
    error: function(jqXHR, textStatus, errorThrown) {
            alert(jqXHR.status);
        },
   dataType: "json"
});

But when i run it i'm getting error.The jqXHR.status is 0 , textStatus is Error and errorThrown is No Transport

HTTP access control (CORS)

bfavaretto
– bfavaretto

2013-01-10 16:56:15 +00:00
Commented Jan 10, 2013 at 16:56 — bfavaretto
– bfavaretto, Commented Jan 10, 2013 at 16:56

Robin Drexler · Accepted Answer · 2013-01-10 17:03:24Z

2

You can try using Yahoos YQL as JSONP proxy. http://developer.yahoo.com/yql/

$.getJSON("http://query.yahooapis.com/v1/public/yql", {
    q: "select * from json where url=\"http://fantasy.premierleague.com/web/api/elements/100/\"",
    format: "json"
},

function (data) {
    console.log(data.query.results.json.transfers_out);
});

http://jsfiddle.net/zZy77/

answered Jan 10, 2013 at 17:03

Robin Drexler

4,4773 gold badges28 silver badges28 bronze badges

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

Comments

Gurpreet Singh · Accepted Answer · 2013-01-10 16:52:42Z

1

This is not possible because you're trying to make cross-domain request.

you might want to check out JSONP as a solution instead.

Check out this http://remysharp.com/2007/10/08/what-is-jsonp/

answered Jan 10, 2013 at 16:52

Gurpreet Singh

21.3k5 gold badges47 silver badges62 bronze badges

5 Comments

Gurpreet Singh Over a year ago

Updated the answer with link

iJade Over a year ago

but to use jsonp i need to modify the json output of the external site too rite?but i dont have control over the external site

Gurpreet Singh Over a year ago

Yes, you need to wrap JSON response in a function if you don't have access then consider using proxy.

iJade Over a year ago

is it possible to do using javascript only?

Gurpreet Singh Over a year ago

CORS is another option as mentioned above. jQuery.support.cors = true;

Collectives™ on Stack Overflow

Unable to get json from external url using jquery

2 Answers 2

Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related