Ajax-вызов получает данные JSON динамически из идентификатора элемента

Question

Я вызываю запрос AJAX с приведенным ниже описанием, и мне нужно получить данные JSON динамически.

Я попытался получить идентификатор каждого элемента h1, используя var id = $(this).attr("id");, а затем data.id внутри успеха, но он возвращает неопределенное значение, потому что я думаю, что он пытается получить значение id, которого не существует.

Есть ли способ достичь этого?

var interval = 1000;
function doAjax() {
    $.ajax({
        type: 'POST',
        url: '/admin/wallboard/?action=stats',
        data: $(this).serialize(),
        dataType: 'json',
        success: function (data) {
            $('h1').each(function(index, element) {
                if($(this).attr("id")) {
                    var id = $(this).attr("id");
                    console.log( data.id );
                    //$('#' + $(this).attr("id")).text( data.id );
                }
            });
        },
        error: function (data) {
            console.log("error");
        },
        complete: function (data) {
            console.log("complete");
            // Schedule the next
            //setTimeout(doAjax, interval);
        }
});
setTimeout(doAjax, interval);

Пример данных JSON:

{"avg_ticket":"No responses yet","datetime":"16-12-2018 15:13:46","phone_regs":"83 \/ 111"}

Answer 1

Мне удалось получить решение, используя data[id] вместо data.id

id является динамическим на основе атрибута ID каждого h1 элемента