Retrieving JSON with JQuery

Question

I'm trying to retrieve JSON with JQuery from: http://www.chirpradio.org/json

How do I retrieve, parse and display that JSON in a web page.

I'm new to JSON and JQuery, and the onsite documentation is a bit difficult to follow.

Thanks,

Moemonty

Do you know if the site supports JSONP?

Nick Craver
– Nick Craver

2010-09-26 13:44:16 +00:00
Commented Sep 26, 2010 at 13:44 — Nick Craver
– Nick Craver, Commented Sep 26, 2010 at 13:44

tcooc · Accepted Answer · 2010-09-26 14:08:09Z

1

One way to get past the SOP is to use a proxy(which also converts it into JSONP). i.e.:

var url = "http://www.chirpradio.org/json";
jQuery.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D%22"+url+"%22&format=json&callback=?", function(data){
console.log(data.query.results.json);/*where yahoo puts the json object*/
});

However, I suggest not to query w/sensitive information(it's insecure). Your use with the radio feed is ok though.

edited Sep 26, 2010 at 14:08

answered Sep 26, 2010 at 13:59

tcooc

21.4k3 gold badges42 silver badges57 bronze badges

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

2 Comments

Moemonty Over a year ago

This works. But what are the drawbacks to this? Are there any tutorials for using JSONP you would recommend? Thank you.

tcooc Over a year ago

JSONP is basically JSON and a function, which is javascript. Heres a link to the JSONP proposition(if it may help): bob.pythonmac.org/archives/2005/12/05/remote-json-jsonp

Collectives™ on Stack Overflow

Retrieving JSON with JQuery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related