function parseJson()
{
//Start by calling the json object, I will be using a
//file from my own site for the tutorial
//Then we declare a callback function to process the data
$.getJSON('hcj.json', getPosts);
//The process function, I am going to get the title,
//url and excerpt for 5 latest posts
function getPosts(data)
{
//Start a for loop with a limit of 5
for (var i = 0; i < 5; i++)
{
var strPost = '<h2>'
+ data.posts[i].title
+ '</h2>'
+ '<p>'
+ data.posts[i].excerpt
+ '</p>'
+ '<a href="'
+ data.posts[i].url
+ '" title="Read '
+ data.posts[i].title
+ '">Read ></a>';
//Append the body with the string
$('body').append(strPost);
}
}
}
//Fire off the function in your document ready
$(document).ready(function ()
{
parseJson();
}
);