Как заполнить html-таблицу содержимым объекта json

Question

Я возвращаю список в вызове ajax, функция успеха написана ниже. У моего json есть содержимое вроде {"1", "ayesha", "cs", "Lahore"}.

 function ShowData(data) {
         var data = data.d;

        var html = "";
        if (data.length > 0) {
            JObject = data;
            console.log(JObject);
            html = "<table id='tbl' class='TableGrid'  width='100%' >";
            html += "<thead><tr><th>StdId</th><th>Name</th><th>feild</th><th>City</th></thead><tbody> ";
            for (var i = 0; i < JObject.length; i++) {
                html += '<tr>';
                html += ' <td align="left" >' + JObject[i] + '</td>';
                html += '</tr>';
            }
            html += "</tbody> </table>";

        }

Как отображать содержимое?

Answer 1

Используйте .innerHTML, чтобы вставить таблицу в шаблон.

ДОКУМЕНТЫ: https://www.w3schools.com/jsref/prop_html_innerhtml.asp

Answer 2

Использование приведенного ниже скрипта может помочь в создании таблицы

1. var table = document.createElement ("table");
2. var thead = document.createElement ("thead");
3. var tr = document.createElement ("tr");
4. var th = document.createElement ("th");
5. var td = document.createElement ("td");
6. table.appendChild (нить) .appendChild (й);
7. table.appendChild (тр) .appendChild (тд)