Как разобрать Json?

Question

[Demon]

Надо разобрать json на переменные по типу, картинки, url и т.д... Json выводит около 50 тем. Как их все правильно вывести через переменные в div?

Демо:

Answer 1

[0xD34F]

success(response) {
  $('#api-wb').html(JSON.parse(response).loads.map(n => `
    <div class="item">
      <div><b>${n.title}</b></div>
      <div><a href="${n.comments_url}">comments (${n.comments_num})</a></div>
      <div><img src="${n.files[0].small}"></div>
    </div>
  `).join(''));
}

Comments

[Demon]

Спасибо...

[Demon]

А если отсутствуют ${n.files[0].small} и т.д как сделать проверку правильно ?

[0xD34F]

Demon, т-а-а-а-к, смотрим на календарь: сегодня 11 февраля 2019. А вопрос был задан 16 ноября 2018. То есть, спустя почти три месяца спохватились - во блин, надо же уточнить один момент. Вовремя, ничего не скажешь. Здесь я конечно не буду отвечать - лень вникать, что там было и как, да и вопрос задан крайне лениво. Что значит "правильно"? Что делать, если значение отсутствует? Оформляйте новый вопрос, где будет максимально подробно рассказано, чего вам надо.

Answer 2

[Alexander Pushkarev]

Как надо:

fetch('https://woobl.ru/php/api/test/1.php?name=1')
    .then(response => response.json())
    .then(data => data.loads.map(load => console.log(load)));

Как не надо:

$.ajax({
    url: 'https://woobl.ru/php/api/test/1.php?name=1',
    success: function(response) {
        var data = JSON.parse(response);

        data.loads.map(function (item) {
            console.log(item)
        })
    }
});

А вообще используйте заголовки на php и не надо будет писать JSON.parse()