Error in handling json data inside jquery ajax each function

Question

Have a good day programmers

Description : I have dropdown in my code whenever user select some category i need to search that value from json file. I done this thru change event it's working well.

$('#social_media').on('change',function(e){
        var test = this.value;
        $.ajax({
        url:"jsoncontent.json",
        dataType:"json",
        success:function(data){
            //here test variable contain 'facebook' value
            //so i gave data.test instead of data.facebook
            $.each(data.test,function(key,value){               
                    alert(value.name);
                });     
            }   
        });
    });

Problem : Here's my problem in each loop i gave data.test instead of 'data.facebook' because test is the variable which contain value 'facebook' and i know data is the object and test is the variable and sure i did mistake in handling object and variable..this is my json data

{
    "StackOverflow": [
        {
            "name": "StackOverflow",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "StackOverflow",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "StackOverflow",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "StackOverflow",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        }
    ],
    "facebook": [
        {
            "name": "facebook",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "facebook",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "facebook",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "facebook",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        }
    ],
    "twitter": [
        {
            "name": "twitter",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "twitter",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "twitter",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        },
        {
            "name": "twitter",
            "exp": "3month",
            "username": "koushik",
            "Designation": "Software Developer"
        }
    ]
}

Thank in advance

Just have a look at stackoverflow.com/questions/10084234/… for your better understanding of how to access multidimensinal JSOn data. — Rahul
– Rahul, Commented Mar 14, 2014 at 5:55

Mohit Pandey · Accepted Answer · 2014-03-14 09:08:57Z

0

Try this:

$.each(data[test], function (key, value) {
    alert(value.name);
});
}

If test is a variable, then we use data[test] not data.test.

answered Mar 14, 2014 at 9:08

Mohit Pandey

3,8597 gold badges28 silver badges38 bronze badges

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

Comments

Mohit Pandey · Accepted Answer · 2014-03-14 09:05:42Z

0

You need to create another $.each inside of the first $.each So the second $.each should take the value of 'value'

$.each(obj, (key, value) {
           $.each(obj, (keys, values) {}
           }

It's something like that, as far I think.

edited Mar 14, 2014 at 9:05

Mohit Pandey

3,8597 gold badges28 silver badges38 bronze badges

answered Mar 14, 2014 at 8:53

user3374969

699 bronze badges

Collectives™ on Stack Overflow

Error in handling json data inside jquery ajax each function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related