Как распарсить полученный ответ json

В jquery новичек, подскажите получаю ответ success ajax в формате json вид его такой

[{"id":1,"catalog_groups_id":1,"price_from":1000,"price_up_to":2000,"youtube":null,"photo":null,"more_photo":null,"tel":"","tel_work":null,"position":1,"created_at":null,"updated_at":null},
{"id":2,"catalog_groups_id":1,"price_from":1000,"price_up_to":2000,"youtube":null,"photo":null,"more_photo":null,"tel":"","tel_work":null,"position":1,"created_at":null,"updated_at":null}]

Как распарсить вывести к примеру значение price_from в список и чтоб этот список выводился в div class ="menu"


Ответы (1 шт):

Автор решения: Denis640Kb

    let Arr = [{"id":1,"catalog_groups_id":1,"price_from":1000,"price_up_to":2000,"youtube":null,"photo":null,"more_photo":null,"tel":"","tel_work":null,"position":1,"created_at":null,"updated_at":null},
        {"id":2,"catalog_groups_id":1,"price_from":1000,"price_up_to":2000,"youtube":null,"photo":null,"more_photo":null,"tel":"","tel_work":null,"position":1,"created_at":null,"updated_at":null}];

    let div = document.getElementsByClassName('menu'); // Получаем элемент с классом menu
    let ul = document.createElement('ul'); // Создаём объект списка
    Arr.forEach(function (c) { // Перебираем массив
        let li = document.createElement('li'); // Для каждого элемента создаём элемент списка
        li.innerText = c.price_from; // Добавляем значение price_from в элемент
        ul.appendChild(li); // Добавляем элемент в объект списка
    });
    div[0].appendChild(ul); // Добавляем список в первый div(Если несколько их, то можно менть индекс) с классом menu
<div class ="menu"></div>

→ Ссылка