Вывод данных с json с помощью JQUERY?

Question

[hayesdas]

Как правильно вывести данные с json на сайт с помощью цикла, для того чтобы все работало хорошо?

Comments

[Сергей Соколов]

приведите пример JSON'а, и что хочется получить.
Как пробовали и где застряли.

[hayesdas]

TheAndrey7, Просто я использую ajax и django

[hayesdas]

TheAndrey7, То есть мне не использовать ajax?

Answer 1

[Сергей Соколов]

Codepen

// JSON, типа
const data = [
  {id: 1, text: 'я'},
  {id: 2, text: 'буду'},
  {id: 3, text: 'задавать умные вопросы'},
];

data.forEach(item => {
  document.body.insertAdjacentHTML('beforeend', `
    <div id="${item.id}">
      &mdash;&gt; <strong>${item.text}</strong> &lt;&mdash;
    </div>
  `);
});

Comments

[hayesdas]

Можно ли сделать тоже самое на Jquery?
Ошибка:
Uncaught TypeError: data.forEach is not a function
at Object.success (index.js:3:22)
at c (jquery-3.6.0.min.js:2:28327)
at Object.fireWith [as resolveWith] (jquery-3.6.0.min.js:2:29072)
at l (jquery-3.6.0.min.js:2:79901)
at XMLHttpRequest.

[hayesdas]

Дело в том, что на jquery код выглядел так, но выводил только последнее значение:

for (call in data['mas'])
                    i += 1
                    body.append($('<button type="button" id="number_id" class="f16" onclick="ama()">Выход</button>'))
                    body.append("<div class='call'>" + "</div>")
                    $('.call').append($("<div class='call_content'>" + "</div>"))
                    call_content = $('.call_content')
                    call_content.append($(
                        "<h1 class='name_call'>" + data['mas'][call]['name_call'] +  "</div>" +
                        '<h2 class="district" style="margin-bottom: 8px;">' + 'Район: ' + data['mas'][call]['district_call'] + '</div>' +
                        '<h2 class="gun" style="margin-bottom: 8px;">' + 'Вооружение: ' + data['mas'][call]['gun_call'] + '</div>' +
                        '<h2 class="signs" style="margin-bottom: 3px;">' + 'Приметы: ' + data['mas'][call]['signs_call'] + '</div>'
                    ))
                    if(data['mas'][call]['status_call'] === '0'){
                        call_content.append($('<h3 class="call_status" id="CheckReady" style="cursor: pointer">Принять</h3>'))
                    }
                    if(data['mas'][call]['status_call'] === '1'){
                        call_content.append($(
                            '<h3 class="call_status" id="CheckReady" style="cursor: pointer">Ожидание</h3>' +
                            '<div class="cop"></div>'
                        ))
                        cop = $('.cop')
                        // cop.append($(
                        //     '<img src="{% static 'cop.svg' %}" class="dropbtn">' +
                        //     '<div class="dropdown-content">'
                        // ))
                        $('.dropdown-content').append($(
                            '<a href="#" id="done">Выполнено</a>' +
                            '<a href="#" id="failed">Провалено</a>'
                        ))
                    }