php - 使用 JQuery 将数据从 JSON 数组动态添加到 HTML 表

Question

.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(); 
?>

json输出：

[{"first":"nag","last":"ch","email":"nag@gmail.com","city":"guntur"},{"first":"hari","last":"ch","email":"hari@gmail.com","city":"guntur"}] 

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>

我使用 php 以 JSON 格式显示来自数据库的数据..我想将此数据插入到 html 页面中的表格格式中，我也在 html 中创建了表格..我尝试使用上面的脚本，但它没有获取任何数据..plz请帮帮我。。

Answer 1

根据您的 php 代码，这data是一个数组，并且没有userdata属性。

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

应该

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

演示。

Answer 2

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

进行以下更改：

print(json_encode($row)); 

接下来，输出中没有userdata，所以只需使用data.