JSON.stringify on nested object ignores nested objects

Question

I'm genereating an object which looks like that when you inspect it with Chrome:

object in Chrome inspector

When I try to stringify this object with JSON.stringify I get the following result:

{
    "results" : [{
            "ID" : 1,
            "NAME" : "Admin"
        }, {
            "ID" : 2,
            "NAME" : "Standarduser"
        }, {
            "ID" : 3,
            "NAME" : "Consultant"
        }, {
            "ID" : 4,
            "NAME" : "Leergruppe"
        }
    ]
}

For some reason all the nested nodes are missing. I'm sure this is pretty simple and obvisious, but at the moment I simply can't find my mistake. Many thanks for you help!

EDIT: JSFiddle how the JSON is created: http://jsfiddle.net/VJTaV/

How are you building this object? I created the same object, and JSON.stringify works fine: jsfiddle.net/H8CF2 — gen_Eric
– gen_Eric, Commented Mar 27, 2014 at 14:38
Hi Rocket, I've edited my question and created an entry on jsfiddle. It's not runnable but I guess it's enough to get the idea how it's created. — user2345998
– user2345998, Commented Mar 27, 2014 at 14:56

Community · Accepted Answer · 2017-05-23 12:21:52Z

4

Since your jsfiddle shows an ajax call, it is likely that you have called JSON.stringify() before the ajax results are available. You will need to put it in the success callback to be executed after the ajax finished.

Chrome inspector will show the properties as when you're modifying an object after it was logged you later can expand and see the new properties that have not yet existed at the time of the console.log call.

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Mar 27, 2014 at 15:07

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

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

1 Comment

user2345998 Over a year ago

Thanks, of course that was the reason. For now I've changed the .get call to an .ajax call and made this synchronous.

Anthony Garcia-Labiad · Accepted Answer · 2014-03-27 16:27:01Z

1

As stated by Bergi, you are trying to stringify data not loaded yet, because $.get calls are asynchronous. You can attach .done callback to each of them, or, if you want execute a code only when all request are finished, use jQuery.when :

var jqXHRs = [];

$( data.results ).each(function( key, val ) {
  var jqXHR = $.get( userDataUrl, "", function( res ) {
    // ...
  });

  jqXHRs.push(jqXHR);
});

$.when.apply( $, jqXHRs ).done(function() {
    console.log( val ); // will log all nested nodes
});

answered Mar 27, 2014 at 16:27

Anthony Garcia-Labiad

3,7511 gold badge28 silver badges33 bronze badges

2 Comments

user2345998 Over a year ago

Thanks a lot for this input, but one question though: You write I could attach .done to each request - but I can't see the difference to using the success-callback at this point.

Anthony Garcia-Labiad Over a year ago

success callback is the old API, it is now recommended to use .done instead, but result is quite the same.

Collectives™ on Stack Overflow

JSON.stringify on nested object ignores nested objects

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related