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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何将ajax请求返回的Json格式数据循环输出成table形式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含745字，纯文字阅读大概需要2分钟。

内容图文

首先，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
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的如何将ajax请求返回的Json格式数据循环输出成table形式全部内容，希望文章能够帮你解决如何将ajax请求返回的Json格式数据循环输出成table形式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---