0

Есть примерно такая структура файла one.json

{
  "img": "1.jpg",
  "name": "имя 1",
  "time": "10-20 минут"

},
{
  "img": "2.jpg",
  "name": "имя 2",
  "time": "20-30 минут"
},
{ "img": "3.jpg",
  "name": "имя 3",
  "time": "15-25 минут"
  }

Вот код

$.getJSON('one.json', function(data,key) {

$.each(data, function(key, data) {

    $('#json').html("<p>"+key+" "+data.name+data.img+data.time+"</p>")
});


});
4
  • и? вопрос-то в чем?
    – BOPOH
    21 мар 2016 в 12:30
  • Не работает код
    – zkolya
    21 мар 2016 в 12:32
  • смотрите консоль браузера, наверняка там ошибка вроде: Uncaught SyntaxError: Unexpected token ILLEGAL
    – Grundy
    21 мар 2016 в 12:36
  • В консоли нет ошибок
    – zkolya
    21 мар 2016 в 12:46

1 ответ 1

1

Ошибка в файле one.json. В нем содержится не валидный json и если подписаться на ошибки то можно увидеть следующую ошибку

SyntaxError: Unexpected token , at Object.parse (native) at jQuery.parseJSON (https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.js:7961:14) at ajaxConvert

Чтобы исправить ее нужно изменить json так, чтобы в нем был массив

[{
  "img": "1.jpg",
  "name": "имя 1",
  "time": "10-20 минут"

},
{
  "img": "2.jpg",
  "name": "имя 2",
  "time": "20-30 минут"
},
{ "img": "3.jpg",
  "name": "имя 3",
  "time": "15-25 минут"
}]

Еще одно дополнение: вызывая в цикле $('#json').html(...) значение каждый раз перезаписывается, поэтому в конце цикла в данном элементе будет только последняя запись.

1
  • Крутяк. Спасибо за разъяснения!
    – zkolya
    21 мар 2016 в 13:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.