jquery get json items

Question

my data.json looks like this:

{
    "selection_form" : {
        "entities" : { 
            "name":"0002" ,
            "name":"0103" ,
            "name":"0104" ,
            "name":"0122" ,
....

this script looks loke this

  <script>     
            $.getJSON('data.json', function(data) {   
                $.each(data.selection_form.entities, function(i,item){
                    $("#enity").append('<p>'+data.selection_form.entities.name+'</p>');
                });
            });
        </script>

i want to get all names wraped in a p tag like

<p>0002</p><p>0103</p>....

but the result is ony the last name item. I can't find a soloution for that. Need help!

Ram · Accepted Answer · 2012-10-06 23:22:54Z

1

An object can't have properties with same names. entities object has one name property with value of 0122. You should change the property names.

{
    "selection_form": {
        "entities": {
            "name1": "0002",
            "name2": "0103",
            "name3": "0104",
            "name4": "0122",
        }
    }
}

$.getJSON('data.json', function(data) {   
      $.each(data.selection_form.entities, function(i,item){
           $("#enity").append('<p>'+item+'</p>');
      });
 });

http://jsfiddle.net/vB6qe/

edited Oct 6, 2012 at 23:22

answered Oct 6, 2012 at 23:16

Ram

145k16 gold badges174 silver badges201 bronze badges

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

Comments

Bogdan · Accepted Answer · 2012-10-06 23:29:44Z

0

You are overriding the JSON property names. Instead of having a JSON object there, it makes more sense to have an array:

{
    "selection_form" : {
        "entities" : [ "0002" , "0103" , "0104" , "0122" ]
    }
}


<script type="text/javascript">
    $.getJSON('data.json', function(data) {   
        $.each(data.selection_form.entities, function(i,name){
            $("#enity").append('<p>'+name+'</p>');
        });
    });
</script>

Here's a DEMO of iterating that structure.

answered Oct 6, 2012 at 23:29

Bogdan

44.7k12 gold badges130 silver badges130 bronze badges

Collectives™ on Stack Overflow

jquery get json items

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related