查看数据

Question

我有表的用户：

• ID
• 登录
• 密码

，我有这样的代码来显示数据：

页面：config.php：

$rep = $db->query("SELECT * FROM users"); 
$array_user[] = array(); 
while($data = $rep->fetch()){ 
    $array_user = $data; 
} 
echo json_encode($array_user); 
?> 

页：list.php的：

<div id="tab"></div> 

<script> 
    $(document).on("ready",function(){ 

     loadData(); 
    }); 
    var loadData = function(){ 
     $.ajax({ 
      type:"POST", 
      url:"config.php" 
     }).done(function(data){ 
      console.log(data); 
      var users = JSON.parse(data); 


      for(var i in users){ 
       $("#tab").append(users[i].login + "<br>"); 
      } 

     }); 
    } 
</script> 

，但我想在标签表 显示ID和登录，例如：

<table id="tab"> 
<tr> 
    <th>id</th> 
    <th>login</th> 
</tr> 

<tr> 
<td>(display data with json : id)</td> 
<td>(display data with json : login)</td> 
</tr> 
</table> 

Answer 1

一件事，你需要引用td标签，否则你只是追加到表格本身。例如：

for(var i in users){ 
    var data = '<tr><td>' + users[i].id + '</td></tr><tr><td>' + users[i].login + '</td></tr>'; 
    $("#tab").append(data); 
} 

Answer 2

你可以这样做：

list.php的

<table id="tab"></table> 
<script> 
    $(document).on("ready",function(){ 

     loadData(); 
    }); 
    var loadData = function(){ 
     $.ajax({ 
      type:"POST", 
      url:"config.php" 
     }).done(function(data){ 
      console.log(data); 
      var users = JSON.parse(data); 
      var table_data = '<tr><th>id</th><th>login</th></tr>'; 
      for(var i in users){     
       table_data += '<tr><td>'+users[i].id+'</td><td>'+users[i].login+'</td></tr>'; 
      } 
      $("#tab").append(table_data); 
     }); 
    } 
</script> 

Answer 3

首先在环路页面的config.php使用$ array_user []：

$rep = $db->query("SELECT * FROM users"); 
$array_user[] = array(); 
while($data = $rep->fetch()){ 
    $array_user[] = $data; 
} 
echo json_encode($array_user); 

然后，填充html代码中的json结果：

<table id="tab"> 
<tr><th>id</th><th>login</th></tr> 
</table> 

<script> 
    $(document).on("ready",function(){ 
     loadData(); 
    }); 
    var loadData = function(){ 
     $.ajax({ 
      type:"POST", 
      url:"config.php" 
     }).done(function(data){ 
      console.log(data); 
      var users = JSON.parse(data); 


      for(var i in users){ 
       var row = $("<tr></tr>"); 
       row.append($("<td></td>").text(users[i].id)); 
       row.append($("<td></td>").text(users[i].login)); 
       $("#tab").append(row); 
      } 



     }); 
    }