0

У меня есть json вида:

{"2":{"title":"1","content":"2"}}{"1":{"title":"\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430.","content":"\u041d\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f "}}

Как мне его распарсить и бросить в цикл, в котором все новости (это новости в json) запихнуть в блок под id "container" в виде:

`<div id='title'>Название новости из json</div>` 
    <div id='content'>Содержание новости из json</div>

Это новости вот сюда.

3
  • 1
    У вас исходный json невалидный, для начала надо его привести к стандарту (проверить можно например на jsonlint.com). 10 июн 2016 в 1:43
  • 1
    Для этого нужна функция JSON.parse()
    – RussCoder
    10 июн 2016 в 6:22
  • Скорее всего, у вас именно такая ситуация. ru.stackoverflow.com/questions/305274/…
    – ilyaplot
    10 июн 2016 в 11:26

1 ответ 1

2

Как уже заметили в комментариях, json не валидный. Валидным он будет в таком виде

{"2":{"title":"1","content":"2"},"1":{"title":"\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430.","content":"\u041d\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f "}}

Для того, что бы вывести этот json в цикле, нужно применить примерно такой код

.title {
  font-weight: bold;
}
<div id="container"></div>
<script type="text/javascript">
  // Тут получаем json
  var data = '{"2":{"title":"1","content":"2"},"1":{"title":"\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430.","content":"\u041d\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f "}}';
  var dataObject = JSON.parse(data);
  var container = document.getElementById('container');
  for (var k in dataObject) {
    container.insertAdjacentHTML('beforeend', '<div class="title">'+dataObject[k].title+'</div><div class="content">'+dataObject[k].content+'</div>');
  }
</script>

Несмотря на то, что Вы просите сделать несколько элементов с одинаковым ID, я привел пример с class вместо id, потому что не должно быть в одном html документе несколько одинаковых id.

2
  • Как его сделать валидным? Вот мой код PHP: w-0rld.ru/storage/1.txt
    – W_0rld
    10 июн 2016 в 15:58
  • Выводить данные с помощью json_encode. Для всего набора данных эту функцию использовать нужно только один раз. Весь набор данных должен быть одним массивом или объектом. Ваш код недоступен. 404
    – ilyaplot
    13 июн 2016 в 15:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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