如何使用JavaScript,Ajax或jQuery在表中显示数组数据

时间:2014-10-17 22:31:45

标签: 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'];
} 

return $result;

任何帮助都会很棒

1 个答案:

答案 0 :(得分:0)

给定

的数据结构
[
 {
  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);