Как получить данные из ajax, и вывести определенное значение на странице?

Question

[Илиана]

Я отправляю запрос через API на сервер, вида, ответ приходит в виде
{
service: "opt5",
online: 128,
total: 228,
forTotal: 10,
forOnline: 20,
country: "RU"
}
Мне нужно из этого запроса как-то достать только значение параметра online и вывести его,
PS Сервисов очень много, у всех есть id и value с индивидуальным кодом, поэтому если можно как-то модифицировать, чтобы ajax запрос отправлялся в цикле, где значение сервиса будет меняться, и потом отправляться в div с таким же id, то было бы вообще супер

Answer 1

[Стас Хитрич]

У вас есть некий ответ, если это JSON, то его сначала надо распарсить с помощью JSON.parse и превратить в данные с которыми JS сможет работать. После этого дело за малым, если это объект, то обращаетесь напрямую к значению: "response.online" или "response['online']". Если это массив, то перебор + вот примерное решение вашей задачи с отправкой данных в див по ID:

const response = [{}, {}, {}];
response.forEach((item, idx) => {
   const div = document.getElementById(`div-${idx}`);
   div.innerHTML = item.online;
})

Comments

[Илиана]

спасибо!

Answer 2

[Иван Иванов]

$.ajax({
                    url: '/ajax.php',
                    method: 'post',
                    dataType: 'json',
                    data: {
                        type: 'check_code',
                        code: code,
                        phone: phone
                    },
                    success: function (data) {
                        console.log(data);//тут объект
                        console.log(data.online);//тут свойство объекта(то, что вам нужно)
                    }
                });