Используйте каждую функцию с getJSON внутренним файлом

0

Я ноб. Прошу прощения. У меня есть 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>
Теги:

2 ответа

2
Лучший ответ

Ну, ваша функция обратного вызова getJSON должна, вероятно, выглядеть так (скрипка: http://jsfiddle.net/PVm7v/3/):

function (data) {
            $.each(data, function (index, record) {                
                    $("<li>" + record.firstName + " " + record.lastName + "</li>").appendTo("#groups");
            });
}

Нет необходимости повторять итерацию через массив.

  • 0
    Если ваш сервер доставит файл JSON правильно, он будет работать. Правильно ли оно отправляется, вы получаете какие-либо ошибки в консоли?
  • 0
    :) Вы получаете доступ к своим файлам прямо с диска. Чтобы getJSON работал, вы должны разместить их на веб-сервере. Какую ОС вы используете?
Показать ещё 2 комментария
0

Попробуйте использовать разные имена переменных, а не только "данные" во всех итерациях

  • 0
    был другой код ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню