主页 / 问题 / 1092721
Accepted
Федотов
Asked:2020-03-10 04:02:23 +0000 UTC2020-03-10 04:02:23 +0000 UTC

如何解析收到的json响应

  • 772

在 jquery 中，一个初学者，告诉我，我得到一个 json 格式的成功 ajax 响应，它看起来像这样

[{"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" 中

jquery

1 个回答

  1. Best Answer

        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>

    • 2

相关问题