Я ноб. Прошу прощения. У меня есть json файл и index.html, вы хотите отобразить json-данные в html. Что мне не хватает? Спасибо.
У меня есть json файл
myinfo.json (проверено)
[{"firstName":"John","lastName":"Doe" },{"firstName":"Anna","lastName":"Smith" },{"firstName":"Peter","lastName":"Jones"}]
и это
<script>
$(document).ready(function () {
$.getJSON("myinfo.json", function (data) {
$.each(data, function () {
$("<li>" + this.firstName + " " + this.lastName + "</li>").appendTo("#groups");
});
});
});
</script>
Ну, ваша функция обратного вызова getJSON должна, вероятно, выглядеть так (скрипка: http://jsfiddle.net/PVm7v/3/):
function (data) {
$.each(data, function (index, record) {
$("<li>" + record.firstName + " " + record.lastName + "</li>").appendTo("#groups");
});
}
Нет необходимости повторять итерацию через массив.
Попробуйте использовать разные имена переменных, а не только "данные" во всех итерациях