Display $.getJSON information

[justdan]

Hey guys,

I’m in the process of trying to display information from a JSON file that will list each bit in a li tag. Everything went great, but when I make my call to the JSON file, the only thing being display is [object Object]. Looking into the object I can see what the data I need but I’m not sure how to get it onscreen at this point. Any tips would be extremely useful. I’ll include the code I’m using to make the call below. Sorry it looks like hell. Every time I try to use the block code option it messes things up. Thanks guys.

$.getJSON(‘/assets/shared/misc/counties.json’, function(json) {
var states = [];
states.push(json);

$(‘.state-names li’).each(function(index) {
$(this).text(states[index]);
});

console.log(states);

});

[chrisburton]

JSON.stringify()?

[__]

If you’re talking about $(this).text(states[index]);:

states[index] is your json response. Maybe it’s an object…? That would make sense, judging by your description. What does your response look like?

Also, is there a reason you’re putting the response into an array before using it (it would seem that array would only ever have the one item, so I’m not sure what the point is)?

[__]

What does you actual response look like (i.e., do console.log(json))?

[Author]

Posts