ajax请求返回Json格式数据如何循环输出成table形式

首先，Ajax请求数据，（用的是Jquery的Ajax）

[javascript]  

<script>  

    $(function(){  

        $(‘#test’).click(function(){  

            $.ajax({  

                url:’ APP/Article/jsonTest’,  

                type:’post’,  

                success:function(data){  

                var item;  

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

                        item = “<tr><td>”+result[‘num’]+”</td><td>”+result[‘title’]+”</td><td>”+result[‘credate’]+”</td><td>操作</td></tr>”;  

                        $(‘.table’).append(item);  

                    });  

                }  

            })  

        })  

    });  

</script>  

 

后台处理请求，返回Json格式数据（用的是Thinkphp返回）

[php]  

$list =$File->group(‘num’)->order(‘id desc’)->limit( $Page-&gt;firstRow.','.$Page->listRows)->select();  

$this-&gt;ajaxReturn($list,’JSON’);  

html部分

[html] 

<table class=”table table-striped table-bordered table-condensed”>  

<tr><th>编号</th><th>名称</th><th>创建时间</th><th>操作</th></tr>  

</table>  

 

效果如图