Basic JSON parsing in jQuery

Question

I'm very new to this, so could someone provide a really basic example?

Let's say the file located at http://www.example.org/test.json is this:

{
   "test":{
      "example":"Test",
      "another":"Text"
   },
   "blah":123
}

and the HTML is this:

<div id="whatever"></div>

How would I extract "Test" from the file and .append it in #whatever using jQuery?

Answer 1

Try with:

$.getJSON('http://www.example.org/test.json', function(data) {
  $('#whatever').append(data.test.example);
});