jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

发布于 2016-10-27 14:14:18 | 95 次阅读 | 评论: 0 | 来源: 网友投递

jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

这篇文章主要介绍了jQuery通过ajax请求php遍历json数组到table中代码(推荐)的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下

html代码(test.html)，js在html底部

具体代码如下所示：

test-jquery-ajax-list

$(document).ready(function(){

getList();

function getList(){

// jquery ajax 请求

$.ajax({

type:'post', //请求方式，默认get

url :"http://localhost/ajax-demo-list/test.php",

data:{

getFunction:1

},success:function(data,status){

$('#infolist').html('');

$str = '';

$.each(data.list,function(i,val){

$str = $str + '

';

$str = $str + '

'+val.id+' ';

$str = $str + '

'+val.name+' ';

$str = $str + '

'+val.sex+' ';

$str = $str + '

'+val.time+' ';

$str = $str + '

';

});

$('#infolist').append($str);

if(data.list == "" || data.list.length < 0 || data.list == "undefined"){

$('#infolist').html('

暂无相关数据...');

}

},error:function(data,statsu){

alert("发送请求失败！");

}

});

}

});

php代码 (test.php)

header("Content-Type: application/json;charset=utf-8");

if($_REQUEST['getFunction']){

getList();

}

function getList(){

$data = array(

array(

'id' => 1,

'name' => 'xiaoming',

'sex' => '男',

'time' => '2016年1月22日 14:45:46'

),

array(

'id' => 2,

'name' => '老张',

'sex' => '男',

'time' => '2016年1月22日 14:45:46'

),

array(

'id' => 3,

'name' => '捞王',

'sex' => '男',

'time' => '2016年1月22日 14:45:46'

)

);

$list = json_encode(array('list'=>$data));

print_r($list);

// print_r(json_encode(array('list'=>$data=array())));

}

以上所述是小编给大家介绍的jQuery通过ajax请求php遍历json数组到table中的代码(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对phperz网站的支持！

相关阅读:

jQuery通过ajax请求php遍历json数组到table中的代码(推荐)

jQuery使用$.each遍历json数组的简单实现方法

JQuery遍历json数组的3种方法

jQuery 遍历json数组的实现代码

jquery遍历筛选数组的几种方法和遍历解析json对象

JQuery $.each遍历JavaScript数组对象实例

基于jQuery的遍历同id元素 并响应事件的代码

通过Jquery遍历Json的两种数据结构的实现代码

jquery动态遍历Json对象的属性和值的方法

jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象

jQuery遍历json的方法(推荐)

jquery遍历json对象集合详解