Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript、Ajax或jQuery在表中显示数组数据_Javascript_Jquery_Ajax - Fatal编程技术网

如何使用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);