Создайте динамический вложенный список из JSON с помощью jQuery

Question

У меня проблема с пониманием этой проблемы. У меня этот json в файле с именем list.json для тестирования. Я получу этот список, сгенерированный сервером позже.

[ 
{ 
    name : "ABC", 
    id  : "link_abc" 
}, 
{ 
    name : "DEF", 
    id  : "link_def" 
}, 
{ 
    name : "GHI", 
    id  : "link_ghi" 
}, 
{ 
    name : "JKL", 
    id  : "link_jkl" 
} 

] 

А вот мой Javascript для отображения списка в формате <li>.

$(function(generate_list_from_JSON){ 
$('a[href="#state"]').click(function(){ 
    $.getJSON("scripts/list.json", function (obj){ 
     $.each(obj.name, function (key, value){ 
      alert(key); 
      }) 
     }); 
    }); 
}); 

Проблема в том, что ничего не отображается, даже в консоли. Как мне ловить то, что отправляет и что получает? Я пробовал console.log(), но все еще пустым.

Answer 1

JSON требует кавычек вокруг имен атрибутов. Так что вам нужно сделать что-то вроде этого: объекты

[ 
{ 
    "name" : "ABC", 
    "id"  : "link_abc" 
}, 
... 
] 

JavaScript не требуют имена атрибутов в кавычки, но JSON делает.

НТН

Answer 2

Я вижу несколько проблем:

• Ваш объект JSON является недействительным. Это массив объектов, но первые два объекта не разделены , и строки в JSON должны быть указаны.
• В вашем javascript-коде вы ссылаетесь на obj.users, и ваш объект, даже если он будет иметь то, что ,, не имеет пользователей.

Answer 3

Вы не можете сделать каждый на obj.name. obj - массив. Массивы не имеют свойства с именем «имя», и поэтому вы никогда не войдете в цикл.

Просто зациклируйте объект obj [0] на obj [obj.length-1].