首先，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->firstRow.','.$Page->listRows)->select();  
$this->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>  
 
效果如图


Logo
GitCode 开源社区

新一代开源开发者平台 GitCode，通过集成代码托管服务、代码仓库以及可信赖的开源组件库，让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

cover

从编程少年到开源领袖，奇淼如何用 AI 重新定义开发效率？｜CodeMaster#7

avatar GitCode 开源社区
cover

混元世界模型 1.1 在 GitCode 开源！秒级生成 3D 世界，开发者速来体验！

avatar GitCode 开源社区
cover

我的第一个开源项目｜PyRemote：从百行脚本到 5000 Star 的星火燎原之路

avatar GitCode 开源社区