您的位置:首页 > Web前端 > JavaScript

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

2013-10-29 00:00 916 查看
首先,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>

效果如图



OK
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: