Unable to parse JSON with jQuery, returning [object Object]

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]"
        });
    });

That looks correct based on your object. What do you want instead? — gilly3
– gilly3, Commented Sep 30, 2011 at 3:32

zzzzBov · Accepted Answer · 2011-09-30 03:36:36Z

3

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"

edited Sep 30, 2011 at 3:36

answered Sep 30, 2011 at 3:30

zzzzBov

180k57 gold badges328 silver badges375 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Xyan Ewing · Accepted Answer · 2011-09-30 03:34:59Z

1

Your example JSON is a bit poorly formed (missing a }).

Otherwise, try this:

$.each(data, function(key, subject) {
    alert(subject.subject.title);
});

http://jsfiddle.net/7xMJP/

answered Sep 30, 2011 at 3:34

Xyan Ewing

9121 gold badge8 silver badges11 bronze badges

Comments

sepidol · Accepted Answer · 2011-09-30 03:46:44Z

1

Your subject variable is a json object. You have to specify the subject properties to get the value

alert(subject.subject.id); alert(subject.subject.title); Alert(subject.subject.desc);

edited Sep 30, 2011 at 3:46

answered Sep 30, 2011 at 3:36

sepidol

1,7311 gold badge9 silver badges5 bronze badges

2 Comments

zzzzBov Over a year ago

i made the same mistake at first, but given his malformed JSON, i assume that the title, id, desc objects are wrapped in an obj with a key of subject: you'll need subject.subject[...name...] instead of just subject[...name...]

sepidol Over a year ago

That's true, silly me. I'm on a mobile and i have limited screen. Thank you zzzzBov for noticing me.

Collectives™ on Stack Overflow

Unable to parse JSON with jQuery, returning [object Object]

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related