Php 使用JQuery将JSON数组中的数据动态添加到HTML表中

php文件：

   <?php
mysql_connect("127.0.0.1");
mysql_select_db("test"); 
$sql=mysql_query("select first,last,email,city from userdata"); 
while($row=mysql_fetch_assoc($sql))
$output[]=$row;
print(json_encode($output)); 
   mysql_close(); 
?>

html代码：

 <script>
    $(document).show(function(){
    });

        $("#userdata tbody").html("");
        $.getJSON("http://127.0.0.1/reg/userdata.php",function(data){
              $.each(data,function(i,user){
                    var tblRow =
                        "<tr>"
                          +"<td>"+user.first+"</td>"
                          +"<td>"+user.last+"</td>"
                          +"<td>"+user.email+"</td>"
                          +"<td>"+user.city+"</td>"
                        +"</tr>"
                    $(tblRow).appendTo("#userdata tbody");
                });
            }
        );
    </script>

$（文档）.show（函数（）{
});
$（“#userdata tbody”）.html（“”）；
$.getJSON（“http://127.0.0.1/reg/userdata.php，函数（数据）{
$。每个（数据、函数（i、用户）{
var tblRow=
""
+“”+用户。第一个+“”
+“”+用户。上次+“”
+“”+用户。电子邮件+“”
+“”+用户。城市+“”
+""
$（tblRow）.appendTo（“#userdata tbody”）；
});
}
);

---

我使用php以JSON格式显示数据库中的数据。我想将此数据插入html页面中的表格格式，我也用html创建了表格。我尝试使用上述脚本，但没有获取任何数据。请帮助我。根据您的php代码，

数据

是一个数组，并且没有

用户数据

属性

$.each(data.userdata, function(i,user){

应该是

$.each(data, function(i,user){

---

您的PHP正在以增量格式打印数组

进行以下更改：

print(json_encode($row)); 

---

接下来，输出中没有用户数据，因此只需使用

数据

您是否确实确认了JSON输出？我不确定您是如何从select查询中获得所有这些结果的-我希望看到每个数组条目都有一个字段。我没有得到输出…它显示空表，请修改代码plz@user1310385，我很乐意解决这个问题。在jsfiddle.net中创建您的问题并发布链接：）现在我正在使用localhost。即使您使用localhost，我们也可以创建演示。只需使用js和html部分，我猜php不需要显示问题。我已经发送了链接，请检查一下

print(json_encode($row));