jQuery $.getJSON Fail

Question

Why does the following fail:

var url = "http://www.nfl.com/liveupdate/game-center/2012080953/2012080953_gtd.json"; $.getJSON(url, function(json){ $("#jsondata").text(json); }).fail(function(error){ $("#jsondata").text("fail: " + JSON.stringify(error, null, 4)); });

Here is the output: fail: { "readyState": 0, "status": 0, "statusText": "error" }

I json linted the url and it's valid. I just don't get it. I've used $.getJSON plenty without issues. I just can't seem to find the working solution to this. Is it the .json extension?

When I ran this in my browser console I got: XMLHttpRequest cannot load http://www.nfl.com/liveupdate/game-center/2012080953/2012080953_gtd.json?_=1424830190095. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://stackoverflow.com' is therefore not allowed access. Looks like nfl.com is smart and doesn't allow other sites to access their JSON. — Sumner Evans
– Sumner Evans, Commented Feb 25, 2015 at 2:10
@jsve could you elaborate? If you copy and paste the link in your browser then you'll see the json data plain as day. Weird. — lucusp
– lucusp, Commented Feb 25, 2015 at 2:11
There's a python lib out there that uses this exactl link as an example. I know python != javascript, and i'm not familiar enough to know if I need server side code to access. Maybe? — lucusp
– lucusp, Commented Feb 25, 2015 at 2:14
Try to look at this too. stackoverflow.com/questions/19395354/… — dowomenfart
– dowomenfart, Commented Feb 25, 2015 at 2:17

Arun P Johny · Accepted Answer · 2015-02-25 03:10:43Z

I don't think the said resource is either supporting CORS or jsonp.... so they do not indent other sites to use the resource from browser.... one possible solution for you is to access the resource from your server and pass the response to your client(browser)...

ie from jQuery you sent the request to your server, from there using a http client(based on your server side technology) you sent a request to the said resource the then once you receive the response pass it back to your caller(browser)... (in this case your server will act as a proxy)

Collectives™ on Stack Overflow

jQuery $.getJSON Fail

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related