我试图展示一个在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);
}
暂无答案!
目前还没有任何答案,快来回答吧!