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是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       
    }

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

还要将表创建的代码写入此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>";

如何使用结果创建动态表

3 个答案: