使用 jQuery 导航 JSON 会导致未定义的项

Question

我想遍历一些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": "[e-mail]",
        "profile": "http://craft.fira/directory/company/1561/keeley-furniture-limited",
        "businessCategories": []
    }, {
        "id": "1501", ...etc

到目前为止，我有这个：

$(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>");
         });
    });
});

这只会导致大量<li>undefined</li>被附加到 ul 中。任何帮助将不胜感激！

Answer 1

each()处理程序函数中的第一个参数是数组中当前元素的索引。元素本身是第二个参数。试试这个：

$.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>");
     });
});

工作示例