jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
发布于 -10-27 14:14:18 | 95 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。
这篇文章主要介绍了jQuery通过ajax请求php遍历json数组到table中代码(推荐)的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
html代码(test.html),js在html底部
具体代码如下所示:
test-jquery-ajax-list
idnamesextime
$(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' => '1月22日 14:45:46'
),
array(
'id' => 2,
'name' => '老张',
'sex' => '男',
'time' => '1月22日 14:45:46'
),
array(
'id' => 3,
'name' => '捞王',
'sex' => '男',
'time' => '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对象集合详解