html表每行仅显示1个字符

wkyowqbh  于 2021-07-22  发布在  Java
关注(0)|答案(0)|浏览(227)

我试图展示一个在html表中使用json数据的表,但是该表每行只输出一个字符。如果我使用硬编码的json对象(edit:string not object,cheers chris),它可以工作,但是如果我使用从db中提取的对象(使用spring),它只显示每行的字符数
输出截图
谢谢您

var myList;
function getUser()
    {
        var xmlHttp = new XMLHttpRequest();
        var theURL = "http://localhost:8080/user"
        xmlHttp.onreadystatechange = function()
        {
            if (this.readyState == 4 && this.status == 200)
            {
             myList = (this.responseText);
             console.log(myList);
            }
        };
        xmlHttp.open("GET", theURL , true);
        xmlHttp.send();
    }
function tableFromJson()
{

    var col = [];
    for (var i = 0; i < myList.length; i++) {
        for (var key in myList[i]) {
            if (col.indexOf(key) === -1) {
                col.push(key);
            }
        }
    }

    var table = document.createElement("table");

    var tr = table.insertRow(-1);

    for (var i = 0; i < col.length; i++) {
        var th = document.createElement("th");
        th.innerHTML = col[i];
        tr.appendChild(th);
    }

    for (var i = 0; i < myList.length; i++) {

        tr = table.insertRow(-1);

        for (var j = 0; j < col.length; j++) {
            var tabCell = tr.insertCell(-1);
            tabCell.innerHTML = myList[i][col[j]];
        }
    }

    var divShowData = document.getElementById('showData');
    divShowData.innerHTML = "";
    divShowData.appendChild(table);

}

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题