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 that you have read and understand our privacy policy and code of conduct.

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