如何在HTML表格中显示JSON数组

时间:2018-10-28 02:11:31

标签: javascript jquery html arrays json

嗨,我是javascript / JS或jquery的新手。我所知道的只是用php编写代码,但我也想学习JS。 我的代码没有显示从json_encode到HTML TABLE的获取数据。 请帮助我做到这一点。我一直在寻找如何做到这一点。但是它们总是像 var 一样使用,但是当我尝试执行相同操作时,我什么也没显示,所以我还是从基础开始。

我想要的是显示从process.php json_encode获得的数据到我的html表中。 仅TBODY部分 ,而不是整个表。

如果缺少某些内容,请纠正我。(即jquery插件?请在哪里下载)

下面是我的代码。

对于Index.html

   
    <html>
    <head>
    	<title>LEARN AJAX</title>
    	<style type="text/css">
    		#mytable,td{
    		    border:0px solid blue;
    		}
    	</style>
    	
    
    </head>
    
    <body>
      <table>
      	<thead>
      		<th>ID No.</th>
      		<th>Full Name</th>
      		<th>Address</th>
      	</thead>
      	<tbody>
      		<!--*/data should go Here-- >
      			<!--Data from process.php-->
    
      	</tbody>
    
      </table>
    
    </body>
    </html

对于Process.php

<?php

include ('connection.php');

if (mysqli_connect_errno()) {
  die('Could not connect: ' . mysql_error());
}

$return_arr = array();

$sql="SELECT * FROM members";

if ($result = mysqli_query( $conn, $sql )){
    while ($row = mysqli_fetch_array($result)) 
    {
        $row_array['id'] = $row['id'];
        $row_array['name'] = $row['fname'];
        $row_array['address'] = $row['ad'];

        array_push($return_arr,$row_array);
    }
 }


 //echo json_encode($return_arr);
$result = json_encode($return_arr);


?>

对于我的数据库连接:

<?php
    //for MySQLi OOP
    $conn = new mysqli('localhost', 'root', '', 'mydatabase');
    if($conn->connect_error){
       die("Connection failed: " . $conn->connect_error);
    }
?>

1 个答案:

答案 0 :(得分:0)

在您的正文中,循环遍历从php获得的结果:

instance_variable_set