Question

Am new to jquery. Have json response from php in this format.

{
"div1":{"data":"minute=0,hour=27,day=649,month=19K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\nminute=0,hour=34,day=825,month=24K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\nminute=0,hour=40,day=980,month=29K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\n","address":"232323"},
"div2":{"data":"","address":"232323"},
"div3":{"data":"minute=0,hour=28,day=682,month=20K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\nminute=0,hour=36,day=866,month=26K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\nminute=0,hour=42,day=1019,month=30K,smallSize=0, id=XXXXXXXXXX, ip=yyyyyyyyyyy<br \/>\n","address":"232323"}
}

How i need to iterate this JSON in jquery and fetch the div1>data and div1>address,div2>data and div2>address. can anyone help me?

Answer 1

Edit: jQuery version of the same here DEMO

function viewJSON (jsonObj) {
   var divData;
   $.each (jsonObj, function (key, value) {
     divData = value; //gives me the value of div 1

     $. each (value, function (key, value) {
         console.log ('Key is ' + key + ' Value is ' + value);
     });

   });   
}

you can also use simple javascript iterate to get div1>data, (non-jQuery version)

   function viewJSON (jsonObj) {
   var divData;
   for (divKey in jsonObj) {
     divData = jsonObj [divKey]; //gives me the value of div 1

       for (dataKey in divData) {
         console.log ('Key is ' + dataKey + ' Value is ' + divData[dataKey]);
       }

     }    
   }

DEMO HERE