php - 用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

首先在 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);
            }



        });
    }