表示タグテーブル内のJSON PHPのmysqliの持つデータ

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

次に、jsonの結果をhtmlコードに入力します。

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



     }); 
    }