Опрос данных в реальном времени JSON из веб-сокета и заполнить в таблице HTML, Поток данных

Question

У меня установлено соединение с веб-сокетом, и я могу просматривать на консоли живые данные в формате json, но я не могу заполнить эти данные в HTML.Я пытаюсь получить эти данные и заполнить их в формате таблицы HTML.M довольно плохо знаком с веб-сокетами и данными json.

Не уверен, стоит ли мне сначала сохранять данные локально, а затем перераспределять их в таблицу HTML или просто распространять их в реальном времени в таблице HTML.Пожалуйста, помогите в переносе из консоли в таблицу HTML.

Js Код:

stomp.connect(headers, function(cb) {
    var json = '{"name":true,"Id":true}',
        obj = JSON.parse(json);
    var topic = stomp.subscribe('/destination', function(e) {
        createTable(json);
    }, headers);

});
//Data Conversion
function createTable(response){
    var tbl = document.getElementById("tableDiv");
    var tblBody = document.createElement("tbody");

    var header = tbl.createTHead();
    var headerRow = header.insertRow(0);
    var headerCell = document.createElement("th");
    headerCell.innerHTML = "Name";
    headerRow.appendChild(headerCell);
    var headerCell2 = document.createElement("th");
    headerCell2.innerHTML = "Id";
    headerRow.appendChild(headerCell2);

    JSON.parse(response).fields.forEach(function(field){
        var row = document.createElement("tr");
        var cell = document.createElement("td");
        var cell2 = document.createElement("td");
        cell.innerHTML = field.name;
        cell2.innerHTML = field.Id;
        row.appendChild(cell);
        row.appendChild(cell2);
        tblBody.appendChild(row);
    });

    tbl.appendChild(tblBody);
}

HTML Div

<table id="tableDiv"></table>

Пожалуйста, помогите и большое спасибо заранее.Я использую Notepad ++ в качестве моей IDE.