Parse a dynamic json objects from a json response

Question

I have this dynamic json object

{
   "servers":[
      {
         "comp1":{
            "server1":{
               "status":"boxup",
               "ar":{
                  "0":"95.61"
               },
               "ip":{
                  "0":"192.168.1.0"
               }
            },
            "server2":{
               "status":"boxup",
               "ar":{
                  "0":"99.5"
               },
               "ip":{
                  "0":"192.168.0.1"
               }
            }
         }
      },
      {
         "comp2":{
            "server1":{
               "status":"boxup",
               "ar":{
                  "0":"88.39"
               },
               "ip":{
                  "0":"198.168.1.1"
               }
            },
            "server2":{
               "status":"boxup",
               "ar":{
                  "0":"99.88"
               },
               "ip":{
                  "0":"192.168.0.1"
               }
            }
         }
      },
      {
         "comp3":{
            "server1":{
               "status":"none",
               "ar":"none",
               "ip":"none"
            },
            "server2":{
               "status":"boxup",
               "ar":{
                  "0":"99.97"
               },
               "ip":{
                  "0":"http:\/\/122.01.125.107"
               }
            }
         }
      },
      {
         "comp4":{
            "server1":{
               "status":"boxup",
               "ar":{
                  "0":"95.64"
               },
               "ip":{
                  "0":"192.168.1.0"
               }
            },
            "server2":{
               "status":"boxup",
               "ar":{
                  "0":"95.65"
               },
               "ip":{
                  "0":"192.168.1.2"
               }
            }
         }
      },
      {
         "comp5":{
            "server1":{
               "status":"boxup",
               "ar":{
                  "0":"71.92"
               },
               "ip":{
                  "0":"192.168.1.0"
               }
            },
            "server2":{
               "status":"boxup",
               "ar":{
                  "0":"98.89"
               },
               "ip":{
                  "0":"192.168.0.3"
               }
            }
         }
      }
   ]
}

and I tried to parse it with $.each (refer below)

$.ajax({
        url:"/server-monitoring/load-servers",
        type:'post',
        dataType:'json',
        success:function(e){
            if(e.success){
                $.each(e.servers,function(index,value){
                    //log the status from server1 on every comp
                    console.log(value.server1.status);
                });
            }
        }
    });

but unfortunately and sadly, it returns me an error (refer below)

Uncaught TypeError: Cannot read property 'status' of undefined

any help, ideas, suggestions, recommendation, clues please?

you are trying to loop a json. json is a string. you need to parse it to a object and then loop it — Rajshekar Reddy
– Rajshekar Reddy, Commented Feb 26, 2016 at 7:18
And why are you doing e.success? are you trying to check if the ajax call was a success?? or the message from the server has a success in it? — Rajshekar Reddy
– Rajshekar Reddy, Commented Feb 26, 2016 at 7:19
Because each object in the array has a primary key called comp[num] which is an object and within that is the server object which contains the status property. — Andy
– Andy, Commented Feb 26, 2016 at 7:20
@Reddy, jQuery auto-parses the JSON if the dataType has been set correctly. You don't need to parse it again. — Andy
– Andy, Commented Feb 26, 2016 at 7:21

Jagdish Idhate · Accepted Answer · 2016-02-26 07:46:30Z

2

From your structure of response, following will work

$.each(e.servers,function(index,value){
                    //log the status from server1 on every comp
                    console.log(value['comp'+(index+1)].server1.status);
                });

Gives output as

boxup
boxup
none
boxup
boxup

Edit:

After clarification in comment and assuming there will be any single key Below can work

$.each(e.servers,function(index,value){
                    //log the status from server1 on every comp
                    var key = Object.keys(value)[0];
                    console.log(value[key].server1.status);
                });

edited Feb 26, 2016 at 7:46

answered Feb 26, 2016 at 7:24

Jagdish Idhate

7,7529 gold badges37 silver badges58 bronze badges

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

5 Comments

Jagdish Idhate Over a year ago

Nice @Andy +1, Reddy's comment in that direction..Cool!!

Juliver Galleto Over a year ago

actually there's a circumstances where its not comp1, comp2 and etc.. so I cant parse it like console.log(value['comp'+(index+1)].server1.status); because the comp is dynamic e.g. it can be "adelle" and not comp

Jagdish Idhate Over a year ago

Is there will be single key?

Rajshekar Reddy Over a year ago

ahahah thats what even I am wondering.. I think its multiple.. and his server1 can also be multiple.

Juliver Galleto Over a year ago

guys, the only dynamic is they key object e.g. comp1, comp2, and etc. and the rest is static inside the json response.

Rajshekar Reddy · Accepted Answer · 2016-02-26 08:15:01Z

1

How about this code. It will handle dynamic keys, number of objects and dynamic inner objects too.

$.each(data.servers, function(key, value) {
   $.each(this,function(key,value){
       var parentObj = key;      
       $.each(value,function(key,value){
          console.log(parentObj + '------'+key + '-----'+value.status);       
       });
   });
});

Here is a Working Fiddle

And here is the output.

comp1------server1-----boxup
comp1------server2-----boxup
comp2------server1-----boxup
comp2------server2-----boxup
comp3------server1-----none
comp3------server2-----boxup
comp4------server1-----boxup
comp4------server2-----boxup
comp5------server1-----boxup
comp5------server2-----boxup

edited Feb 26, 2016 at 8:15

answered Feb 26, 2016 at 8:09

Rajshekar Reddy

19.1k4 gold badges45 silver badges64 bronze badges

Comments

Dave Amit · Accepted Answer · 2016-02-26 07:33:13Z

By Observing your JSON structure, I believe that each server object (in servers array) has one property like comp1, comp2 ... which is not known.

Following code works.

   var comp = {}; //Just a temp variable to hold dynamic comp property
                  // value

   $.each(v.servers,function(i,v){ 
      //Loop through each key in server object to find first property.
      for(var key in v) {
        //Make sure its objects own property, just to be safe.
        if(v.hasOwnProperty(key)) {
            // Fetch our comp (assumed, you can also match key 
            // and make sure it starts with comp ...
            comp = v[key];
            break;
        }
      }
      //As we have our comp object, now we can access server1, server2 as shown below
      console.log(comp.server1.status);
    });

Hope this helps !! Let me know if you need further assistance .... :)

Collectives™ on Stack Overflow

Parse a dynamic json objects from a json response

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related