主页 > 知识库 > 如何将ajax请求返回的Json格式数据循环输出成table形式

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

热门标签:团购网站 服务器配置 电子围栏 阿里云 科大讯飞语音识别系统 Mysql连接数设置 Linux服务器 银行业务
首先,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
您可能感兴趣的文章:
  • jQuery使用ajax方法解析返回的json数据功能示例
  • jquery的ajax异步请求接收返回json数据实例
  • 基于jQuery的AJAX和JSON实现纯html数据模板
  • JQuery处理json与ajax返回JSON实例代码
  • jQuery通过Ajax返回JSON数据
  • jQuery中ajax请求后台返回json数据并渲染HTML的方法

标签:广元 萍乡 蚌埠 枣庄 衡水 江苏 衢州 大理

巨人网络通讯声明:本文标题《如何将ajax请求返回的Json格式数据循环输出成table形式》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266