When you upload to a server, you have to make sure that the JSON and the HTML file are on the same server. This is called a same domain policy. It’s what’s probably happening. You might be placing the JSON file on the server, but trying to access the HTML file locally.

I had been testing the sample locally, using Coda and it was working fine. However, I’ve come to realize that it doesn’t work uploaded to a server; or in any of my local browsers (Safari, FF, Chrome). The json won’t parse. This includes the gist on GitHub. For some reason Coda is able to parse it in its local preview window.

What do you suspect is the problem?

thanks

I’m actually working on a series of JavaScript courses. One on AJAX should be coming out soon and the one I’m writing right now is on JSON. I’m also going to be working on an article on underscore and wordpress for my blog. http://iviewsource.com.

As for your question. If it doesn’t come as an array, then it’s just an object, so you can start using dot notation to access the variables like this:

$.getJSON(‘https://graph.facebook.com/barackobama’, function(data) {
console.log(data.birthday);
});

Make sure you check out the article in my blog on JSON for beginners. http://iviewsource.com/codingtutorials/getting-started-with-javascript-object-notation-json-for-absolute-beginners/

It’s great of you to offer up the JSON formatted data too. I attended/presented at BarCamp, LA once.

it would be great if you did Lynda course that focused on API’s and JSON data and templating, maybe even going into differences between server side and client side templating. No front end developer position comes without questions regarding our experiences using API’s.

i have a technical question related to this:
at the following url, you’ll find some JSON. We don’t have the name of the array as you did (#speakers), so how can we still hook into this data as you did in your example? https://graph.facebook.com/barackobama

thanks,

sergi