如何使用JavaScript，Ajax或jQuery在表格中显示阵列数据

问题描述：

现在我正在获取像这样的数据，但工作正常，但我想自动将其显示在表格中。我有一个被点击的按钮，应该将结果显示在表格中，或者应该创建表格并以任何方式显示都可以。如何使用JavaScript，Ajax或jQuery在表格中显示阵列数据

$result = array(); 
while ($row = mysql_fetch_assoc($res)) { 
    $result[$i][0] = $row['fname']; 
    $result[$i][1] = $row['lname']; 
    $result[$i][2] = $row['membershipid']; 
} 

return $result;

任何帮助将是巨大的

将您显示的php代码替换为ajax请求的结果，我们可能会提供一些帮助。如果你可以把你的代码放到小提琴中，那会更好。 – Guillermo 2014-10-17 22:40:23

你可能会想在你的Javascript中使用'json_encode（）'和'JSON.parse（）'。 – EvilZebra 2014-10-17 22:45:58

答

鉴于

[ 
{ 
    fname:"john", 
    lname:"doe", 
    membershipid: "1234" 
}  
]

的数据结构，此功能应该n行数据

function createTable(dataArray){ 
var table = document.createElement('table'); 
var tablerows = dataArray.map(function(datarow){ 
    var tablerow = document.createElement('tr'); 
    for (var value in datarow){ 
     var cell = document.createElement('td'); 
     cell.innerText = datarow[value]; 
     tablerow.appendChild(cell); 
    } 
    return tablerow; 
    }); 

    for (var i = 0; i < tablerows.length; i++){ 
    table.appendChild(tablerows[i]); 
    } 

    return table; 
}

然后

var table = createTable(dataArray); 
document.getElementById('Whatever dom node').appendChild(table);

的工作

如何使用JavaScript，Ajax或jQuery在表格中显示阵列数据

相关推荐