Read JSON from URL

Question

I'm facing a problem which should be really simple to solve, but I am lost as of now.

I have a url: http://search.twitter.com/search.json?q=bacon

Using JavaScript (not JQuery or php. Just JavaScript), I want to read this JSON string and parse it. That's it.

Thanks!

Answer 1

You'll be restricted by the SOP (XMLHttpRequests can only be made to URI's on the same domain; JSON can only be retrieved via this method). To bypass this you'll have to use JSONP instead (other explanation*).

It seems the endpoint supports JSONP, so you can do:

function foo(response) {
    // response is already a JavaScript object
}

var script = document.createElement("script");
script.src = "http://search.twitter.com/search.json?q=bacon&callback=foo";

document.body.appendChild(script);

^{* Disclaimer: Yep, thats my blog}