Parsing a json file using jQuery

Question

{

 "abc": [ 
        {

            "1":"a",
            "2":"b"

        } 
    ]

}

I am using jQuery to parse and generate the HTML

$.getJSON('my.json', function(data) {
      var items = [];
      $.each(data.abc, function(key,val) {
        items.push('<li id="' + key + '">' + val + '</li>');
      });

      $('<ul/>', {
        'class': 'display',
        html: items.join('')
      }).appendTo('#abc');
    });

But it give me undefined

your array only has one item.

chovy
– chovy

2012-09-13 06:39:19 +00:00
Commented Sep 13, 2012 at 6:39 — chovy
– chovy, Commented Sep 13, 2012 at 6:39

FluffyJack · Accepted Answer · 2012-09-13 06:36:24Z

1

Your solution is pretty simple, basically remove the square brackets.

You're trying to run an each on a hash, but you're wrapping that hash with in an array.

Here, checkout the JS Fiddle I did to test it out and give you an example.

Basically you need to have this in your JSON file instead.

{
    "abc": {
        "1": "a",
        "2": "b"
    }
}

answered Sep 13, 2012 at 6:36

FluffyJack

1,73210 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

Parsing a json file using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related