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>  

 

效果如圖