html包含json对象,解析HTML表的JSON对象

我试图显示基于JSON数据的“排行榜”表。

我已经阅读了很多有关JSON格式的文章,并克服了一些最初的障碍,但是我的Javascript知识非常有限,我需要帮助!

基本上我的JSON数据是通过如下形式获得的:

[{"User_Name":"John Doe","score":"10","team":"1"},{"User_Name":"Jane Smith","score":"15","team":"2"},{"User_Name":"Chuck Berry","score":"12","team":"2"}]

我需要的是能够遍历此数组,为每个对象生成一个表行或列表项。数组中的对象总数未知,但每个对象的格式相同-三个值:名称,得分,团队。

到目前为止,我已经使用了以下代码,该代码确认我已成功在控制台中加载了对象-

$.getJSON(url,

function(data){

console.log(data);

});

但是我不确定如何遍历它们,将它们解析为HTML表。

下一步是按分数按降序对条目进行排序…

任何帮助将非常感激。谢谢!

编辑:

更新了下面的代码,此方法有效:

$.getJSON(url,

function (data) {

var tr;

for (var i = 0; i < data.length; i++) {

tr = $('

');

tr.append("

" + data[i].User_Name + "");

tr.append("

" + data[i].score + "");

tr.append("

" + data[i].team + "");

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

}

});

($ .parseJSON不是必需的,我们可以使用“数据”,因为我相信JSON数组已经被解析)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值