У меня есть json файл с именем example.js. Содержимое файла выглядит следующим образом.
{
"name":"tom",
"age":38,
"gender":"male"
}
Использование примера в документации jQuery в качестве руководства
jQuery.getJSON("example.js", function (data) {
var items = [];
jQuery.each(data, function (key, val) {
items.push("<li id='" + key + "'>" + val + "</li>");
});
jQuery("<ul/>", {
"class": "my-new-list",
html: items.join("")
}).appendTo("body");
});
Я могу вывести все значения
<ul class="my-new-list">
<li id="name">tom</li>
<li id="age">38</li>
<li id="gender">male</li>
</ul>
Однако я не могу найти нигде, где я мог бы просто привести возраст людей, например.
Я думал, что в нем будет что-то вроде возраста [0], но я не могу ничего вернуть, когда я это пробую?
Вы должны использовать val.age
внутри функции, чтобы вытащить 38.
$(document).ready(function() {
$.getJSON("example.js", function(data) {
$.each(data, function(index, val) {
$('<li>' + val.age + '</li>').appendTo($('body'));
});
});
});
data
кажутся объектом, а не массивом объектов. index
будет каждым свойством, а value
будет каждым значением свойства, как в коде OP. Вы должны удалить вызов $.each
.
data.age
.....