Navigating JSON with jQuery results in undefined items

Question

I want to loop through some data which is in JSON.

{
    "data": [{
        "id": "1561",
        "companyName": "Keeley Furniture Limited",
        "lat": "51.50622110",
        "lng": "-0.10131790",
        "city": "London",
        "street1": "123 Waldorf St",
        "street2": null,
        "street3": "",
        "zip": "SE1 0SW",
        "country": "United Kingdom",
        "email": "[email protected]",
        "profile": "http:\/\/craft.fira\/directory\/company\/1561\/keeley-furniture-limited",
        "businessCategories": []
    }, {
        "id": "1501", ...etc

So far I have this:

$(function() {
     var $members = $('#memberlist');

     $.getJSON("/directory/JSON/fullmembers.json", function(memberlist) {
         console.log('success');
         var members = memberlist.data;
         $.each(members, function(member) {
             $members.append("<li>" + member["companyName"] + "</li>");
         });
    });
});

Which just results in lots of <li>undefined</li> being appended to the ul. Any help would be appreciated!

Rory McCrossan · Accepted Answer · 2016-01-29 16:21:20Z

2

The first argument in the each() handler function is the index of the current element in the array. The element itself is the second parameter. Try this:

$.getJSON("/directory/JSON/fullmembers.json", function(memberlist) {
     console.log('success');
     var members = memberlist.data;
     $.each(members, function(index, member) { // note the 'index' param here
         $members.append("<li>" + member["companyName"] + "</li>");
     });
});

Working example

answered Jan 29, 2016 at 16:21

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

Adam Menczykowski Over a year ago

That did it Rory, thank you so much! I'll mark as correct when I can. Much appreciated. Have a great day :-)

Rory McCrossan Over a year ago

No problem, glad to help.

Collectives™ on Stack Overflow

Navigating JSON with jQuery results in undefined items

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related