php - 如何使用结果创建动态表

Question

$.ajax({
 type: "post",
 url: "<?php echo site_url(); ?>/controller_d/login/admin_search_user",
 cache: false,               
 data: $('#docContainer1').serialize(),
 dataType:"JSON",  //<----here
 success: function(json){   
      var str= "<table><tr>";
     $.each(json.query,function(i,v){
       alert(v.uID); //gives U0016
       alert(v.name); //gives saman
       str+="<td>"+v.uID+"</td>";
       str+="<td>"+v.name+"</td>";
    })
    str+="</tr></table">;
    $("body").append(str);

}

我想使用 json 对象值创建一个动态表，它必须创建一个表，但这不起作用它会说 v.ID 未定义

Answer 1

row += "$('<td>').append("+dataString[i]+")";

或者

var row = $('<tr>');
for(var i = 0; i < n; i++) {
    row.append($('<td>').html(dataString[i]));
}

$('#results').append(row);

Answer 2

在布局上（在 html 代码上）创建一个表，然后在其中创建一个<tbody>标签。分配一个 ID，然后在您的 jquery 的成功函数上，用于$("#*tbody ID*").html在 tbody 上分配值。

我在我的一个项目中有这个代码。也许您可以将其用作参考（tblApproved是 id tbody）：

function updateApprovedTable(){
        // retrieve Unit Record
        $.ajax({
            type:'post',
            url:'php/requests.php',
            data:{mode:"getApproved"},
            success:function(data){
                $('#tblApproved').html(data);       

            }//success

        });//ajax       
    }

Answer 3

你能用这个吗：

$.ajax({
 type: "post",
 url: "<?php echo site_url(); ?>/controller_d/login/admin_search_user",
 cache: false,               
 data: $('#docContainer1').serialize(), 
 success: function(data){
    $("body").append(data);
});

还将您的表创建代码写入此网址“/controller_d/login/admin_search_user”

PHP 代码

echo "<table>";
echo "<tr><td>content</td></tr>";
echo "<tr><td>content</td></tr>";
echo "<tr><td>content</td></tr>";
echo "</table>";