ajax返回数据输出成表,javascript代码实例教程-ajax请求返回Json格式数据如何循环输出成table形式...

小宝典致力于为广大程序猿(媛)提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 首先，Ajax请求数据，(用的是Jquery的Ajax)

[javascript]

$(function(){

$('#test').click(function(){

$.ajax({

url:'__APP__/Article/jsonTest',

type:'post',

success:function(data){

var item;

$.each(data,function(i,result){

item = "

"+result['num']+""+result['title']+""+result['credate']+"操作";

$('.table').append(item);

});

}

})

})

});

后台处理请求，返回Json格式数据(用的是Thinkphp返回)

[php]

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

$this->ajaxReturn($list,'JSON');

html部分

[html]

编号	名称	创建时间	操作

效果如图

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！