如何将ajax请求返回的Json格式数据循环输出成table形式_AJAX相关

如何将ajax请求返回的Json格式数据循环输出成table形式_AJAX相关_脚本之家

2013-12-24 21:30:06 [小大] 已经帮助：人解决问题

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

复制代码代码如下:

 
<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返回）

复制代码代码如下:

 
$list = $File->group('num')->order('id desc')->limit($Page->firstRow.','.$Page->listRows)->select(); 
$this->ajaxReturn($list,'JSON'); 

html部分

复制代码代码如下:

 
<table class="table table-striped table-bordered table-condensed"> 
<tr><th>编号</th><th>名称</th><th>创建时间</th><th>操作</th></tr> 
</table> 

效果如图

（责任编辑：）