如何使用JavaScript、Ajax或jQuery在表中显示数组数据
现在我得到的数据是这样的,工作正常,但我想在表格中自动显示它。我有一个按钮,它被点击,应该将结果显示到一个表中,或者应该创建表并以任何方式显示都可以如何使用JavaScript、Ajax或jQuery在表中显示数组数据,javascript,jquery,ajax,Javascript,Jquery,Ajax,现在我得到的数据是这样的,工作正常,但我想在表格中自动显示它。我有一个按钮,它被点击,应该将结果显示到一个表中,或者应该创建表并以任何方式显示都可以 $result = array(); while ($row = mysql_fetch_assoc($res)) { $result[$i][0] = $row['fname']; $result[$i][1] = $row['lname']; $result[$i][2] = $row['membershipid'];
$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;
如果数据结构是
[
{
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;
}
用ajax请求的结果替换您向我们展示的php代码,我们可能会有所帮助。如果你能把你的代码放到一把小提琴里,那会更好。你可能会想在PHP中使用json_编码,在Javascript中使用json.parse。
var table = createTable(dataArray);
document.getElementById('Whatever dom node').appendChild(table);