如何使用结果创建动态表 - How to create dynamic table using the results

How to create dynamic table using the results

本文关键字：动态创建结果何使用 | 更新日期: 2023-09-27

$.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 不定义

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

或

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

在

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

也许你可以用这个作为参考（tblApproved是tbody的 id）：

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

你能用这个吗：

$.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);
});

同时将用于表创建的代码写入此 url "/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>";