Php 使用$.ajax()和jQuery将数据显示为表

Php 使用$.ajax()和jQuery将数据显示为表,php,jquery,mysql,ajax,css-tables,Php,Jquery,Mysql,Ajax,Css Tables,我不熟悉jQuery和PHP。 我正在开发一个网页来显示从数据库中获取的一组记录。这里我使用了PHP和jQuery。 我需要将一组记录显示为一个表。使用php从MySQL数据库检索数据。使用json\u encode()将行集作为字符串传递到html页面 问题是我无法在表中逐行显示这些数据。我正在使用用创建的表。因此,我需要知道如何逐行显示此数据字符串,以及如何分隔每列的值 下面是我只显示一行的操作,但是数据不显示为表。也没有编译错误。我需要帮助来扩展它以显示多行 demo.html(我将显示记

我不熟悉jQuery和PHP。 我正在开发一个网页来显示从数据库中获取的一组记录。这里我使用了PHP和jQuery。 我需要将一组记录显示为一个表。使用php从MySQL数据库检索数据。使用
json\u encode()
将行集作为字符串传递到html页面

问题是我无法在表中逐行显示这些数据。我正在使用用
创建的表。因此,我需要知道如何逐行显示此数据字符串,以及如何分隔每列的值

下面是我只显示一行的操作,但是数据不显示为表。也没有编译错误。我需要帮助来扩展它以显示多行

demo.html(我将显示记录的页面):


如果有人能帮助我,这将是一个很好的方法。

这里有一个Jfiddle,如果您使用.html并附加到页面上的空表中,您可以同样附加从ajax查询返回的var内容

这是您的代码的外观

 var id = elementArray[0];               //passing values corresponding to the columns
            var fname = elementArray[1];
            var lname = elementArray[2];
            var age = elementArray[3];
            var grade = elementArray[4];


 $("table").html("<tr><td>"+id +"</td><td>"+fname +"</td><td>"+lname +"</td><td>"+age +"</td><td>"+grade +"</td></tr>");
var id=elementArray[0]//传递与列对应的值
var fname=elementArray[1];
var lname=elementArray[2];
变量年龄=元素数组[3];
变量等级=元素数组[4];
$(“table”).html(“+id+”+fname+“+lname+”+age+“+grade+”);
试试这个

        var id = elementArray[0];              
        var fname = elementArray[1];
        var lname = elementArray[2];
        var age = elementArray[3];
        var grade = elementArray[4];
然后使用这些值创建一个表,如下所示

 $("<table>").appendTo("document.body");


 $("table").html("<tr><td>"+id +"</td><td>"+fname +"</td><td>"+lname +"</td><td>"+age +"</td><td>"+grade +"</td></tr>);
$(“”).appendTo(“document.body”);
$(“table”).html(“+id+”+fname+“+lname+”+age+“+grade+”);

you is missing”在html(…:)np的开头,你还应该给下面的人一些道具,他也有一个有效的注释:)你想用div或tr td来创建表格吗?非常感谢Vivek:)我对代码做了一些修改。现在我以json格式将记录作为关联数组检索。我想这会容易得多。我将尝试显示这些数据。
        var id = elementArray[0];              
        var fname = elementArray[1];
        var lname = elementArray[2];
        var age = elementArray[3];
        var grade = elementArray[4];
 $("<table>").appendTo("document.body");


 $("table").html("<tr><td>"+id +"</td><td>"+fname +"</td><td>"+lname +"</td><td>"+age +"</td><td>"+grade +"</td></tr>);