how to read multi-levels json format using jquery

Question

i have a json format like

[
    {
        id: 15,
        diemdung: "a"
    },
    {
        id: "16",
        diemdung: "b",
        khoangcach: "300",
        pho: "c",
        da: [
            {
                lancan: "d",
                kc: "333"
            },
            {
                lancan: "e",
                kc: "322"
            }
        ]
    },
    ...
]

i using php like print json_encode($rows);
and i try to read it at client using jquery like

$.getJSON(url,function(json){
    $.each(json,function(key, val){
        $.each(this.da,function(){
            alert(this.kc);
        });
    });
});

but it's not working. How i do that? thanks

John S · Accepted Answer · 2013-03-27 02:55:32Z

1

If your code is otherwise working, you may be getting the following error:

TypeError: obj is undefined

This is because the first object in the outer array does not have a value for the "da" property. Before you try to loop over the array held by the "da" property, you should check if it exists.

Try:

$.getJSON(url,function(json){
    $.each(json,function(){
        if (this.da) {
            $.each(this.da,function(){
                alert(this.kc);
            });
        }
    });
});

answered Mar 27, 2013 at 2:55

John S

21.5k9 gold badges50 silver badges59 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:25:50Z

0

 $.each(json, function(arrayID, arrayVal) {
  //alert(arrayVal.id);
  $.each(arrayVal.da, function(daKey,daData) {
   alert(daData.kc);
  });
 });

Heres my same SO question a while ago for further code

JQuery $.each() JSON array object iteration

edit to rename some variables to make clearer

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Mar 27, 2013 at 2:40

Jay Rizzi

4,3046 gold badges45 silver badges73 bronze badges

2 Comments

Jay Rizzi Over a year ago

Should alert each time a "kc" node value in the json array is encountered, if the alert was alert(arrayVal.id+daData.kc) would show the id node of the first each + kc nested node val, ect

DeLe Over a year ago

thanks all but it's not working for me. i try @john S answer and it working :)

Arvind · Accepted Answer · 2013-03-27 03:55:17Z

0

For n level hierarchy

var str = '{"countries":[{"name":"USA","grandfathers":[{"gFName":"Steve","grandfathersKid":[{"gFKName": "Linda","kid": [{"name": "Steve JR", "friends": [{"name": "Kriss|John|Martin|Steven"}]}]}]}]}]}';
var obj = jQuery.parseJSON(str);
parseJsonString(obj);

Function :

function parseJsonString(data){       
    $.each(data, function(index, val){

        if($.type(val) == 'object' || $.type(val) == 'array'){
            product.parseJsonString(val);
        }else{
            alert(index + ' - ' + val);
        }

    });
}

answered Mar 27, 2013 at 3:55

Arvind

9389 silver badges23 bronze badges

Collectives™ on Stack Overflow

how to read multi-levels json format using jquery

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related