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

Question

Right now I am getting the data like this which works fine but I want to auto display it in a table. I have a button which is clicked and should display the result into a table or should create the table and display any way would be fine.

$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;

any help will be great

Answer 1

Given a data structure of

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

This function should work for n rows of data

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;
}

Then

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