首页 / JSON / php – JSON数据到UL
php – JSON数据到UL
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php – JSON数据到UL,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1458字,纯文字阅读大概需要3分钟。
内容图文
我从ajax获取json数据,并认为我已接近完成这项工作,但由于某种原因,我的UL没有填充,我找不到任何调试信息来帮助.
有人能指出我正确的方向吗?
json data :
{"data":[{"racer_id":73,"racing_nbr":"4","entry_id":131},
{"racer_id":9,"racing_nbr":"48","entry_id":132},
{"racer_id":525,"racing_nbr":"7","entry_id":133},
{"racer_id":534,"racing_nbr":"11","entry_id":134},
{"racer_id":213,"racing_nbr":"72","entry_id":135},
{"racer_id":574,"racing_nbr":"66f","entry_id":136}]}
$('.list-group-item').click(function() {
var data = 'class_id='+ $(this).attr('rel') + '&event_id=' +<?php echo $_GET['event_id']; ?>
// POST to server using $.post or $.ajax
$.ajax({
data: data,
type: 'GET',
dataType: 'JSON',
url: 'php/builder/getRidersScoringHeats.php',
success: function(data) {
var obj = data, // get entry object (array) from JSON data
ul = $("#sortable"); // create a new ul element
// iterate over the array and build the list
for (var i = 0, l = obj.length; i < l; ++i) {
ul.append("<li class='ui-state-default' id='item-" + obj[i].entry_id + "'>" + obj[i].racing_nbr + " - " + obj[i].racer_id + "</li>");
}
$("#sortable").append(ul); // add the list to the DOM
}
});
});
任何帮助将不胜感激.
提前致谢.
解决方法:
在您的情况下,数据实际上包含一个名为data的对象,它是一个对象的数组集合.
所以要轻松做到这一点:
$.each(data.data, function(i, info){
ul.append("<li class='ui-state-default' id='item-" + info.entry_id + "'>" + info.racing_nbr + " - " + info.racer_id + "</li>");
});
内容总结
以上是互联网集市为您收集整理的php – JSON数据到UL全部内容,希望文章能够帮你解决php – JSON数据到UL所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。