Question

I suspect my problem is due to the structure of my JSON string. It seem to have a JSON object within a JSON object.

This is the format of my JSON:

[
{"subject":{"title":"java","id":"1","desc":"Basic java programming"}, 
{"subject":{"title":"objective c","id":"2","desc":"Introduction to objective c"}
}

This is my jquery code:

var items = [];

    $.getJSON('theurl', function(data) {

        $.each(data, function(key, subject) {
            alert(subject); //returning me "[object Object]"
            $('#tempresult').append('<p>'+ subject +'</p>'); //returning me "[object Object]"
        });
    });

Answer 1

You have posted some malformed JSON. I’m going on the assumption that your elements are closed properly as:

[
  {"subject":{"title":"java","id":"1","desc":"Basic java programming"}},
  {"subject":{"title":"objective c","id":"2","desc":"Introduction to objective c"}}
]

It looks like you want $('#tempresult').append('<p>'+ subject.subject.desc +'</p>');

data[0] is this object:

{"subject":{"title":"java","id":"1","desc":"Basic java programming"}}

data[1] is this object:

{"subject":{"title":"objective c","id":"2","desc":"Introduction to objective c"}}

data[0].subject is this object:

{"title":"java","id":"1","desc":"Basic java programming"}

data[0].subject.desc is this:

"Basic java programming"