Browse a JSON object using jquery

Question

I have one json object constructed as follows:

<?
$t['w'][$id]['marchin']=$machin;
$t['w'][$id]['c'][$id_com]['machin']=$machin;    
echo json_encode($t);
?>

I browse the object like this

// here i access to all the $t['w'][$id]

$.each(data.w, function(k,v){

              var that=this;
              doSomething();

              // now i want to access to all the $t['w'][$id]['c']
               $.each(that.c, function(k1,v1){
                     doSomething();       
               });

});

but here at the second each jquery make an error .. How to access all $ t ['w'] [$ id] ['c']?!

thank you

Ok i tried :

              $.each(data.w, function(k,v){
                  var that = $.parseJSON(this);
                        doSomething();

                    $.each(that[k]['c'], function(k1,v1){
                        doSomething();

                 });

       });

but it does not work again,

here's an example of my json,

{"w":
   {"3":
      {"test":"test","c":
        {"15":
           {"test2":"test2"}
        }
      }
    }
}

Did you start by parsing the json string back to an object with var myObj = $.parseJSON(data); — adeneo
– adeneo, Commented Sep 16, 2012 at 21:23

Stphane · Accepted Answer · 2012-09-16 22:53:54Z

1

Data ...

var data = {"w":
   {"3": {
       "test":"test",
       "c": {
          "15": {"test2":"test2"}
       }
      }
    }
};

Loop ...

$.each(data.w, function(key, value){
    // you are now lopping over 2nd dimension
    // On each loop, 'key' will be equal to another [$id] value
    // since you know you'd like to crawl 'c' sub entry, you can reference it
    // and loop over it
    $('body').append('<h3>'+key+'</h3>');
    if( this['c'] )
    $.each(this['c'], function(k,v){
        // Here you have access to ['c'][...]
        $('body').append('<span>'+k+'</span>');
    });
});

edited Sep 16, 2012 at 22:53

answered Sep 16, 2012 at 21:42

Stphane

3,4765 gold badges36 silver badges49 bronze badges

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

1 Comment

Stphane Over a year ago

sure, let's fiddle this ... jsfiddle.net/ZDb6j/ ... works now ... going to edit my post

weexpectedTHIS · Accepted Answer · 2012-09-16 21:43:06Z

0

You can do this without .each at all:

var hsh = $.parseJSON(data.w);

for (var i in hsh) {
  var that = hsh[i];
  doSomething();

  for (var j in hsh[i].c) {
    doSomething();
  }
}

answered Sep 16, 2012 at 21:43

weexpectedTHIS

3,3861 gold badge27 silver badges30 bronze badges

Collectives™ on Stack Overflow

Browse a JSON object using jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related