亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

解析HTML表的JSON對象

解析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"}]我需要的是能夠遍歷這個數組,為每個對象生成一個表行或列表項。數組中將有未知數量的總對象,但每個對象具有相同的格式 - 三個值:Name,Score,Team。到目前為止,我使用了以下代碼,確認我已成功加載控制臺中的對象 -$.getJSON(url,function(data){  console.log(data);});但我不知道如何迭代它們,將它們解析為HTML表格。下一步是按降序按分數對條目進行排序...任何幫助將非常感激。謝謝!編輯:下面更新了代碼,這有效:$.getJSON(url,function (data) {    var tr;    for (var i = 0; i < data.length; i++) {        tr = $('<tr/>');        tr.append("<td>" + data[i].User_Name + "</td>");        tr.append("<td>" + data[i].score + "</td>");        tr.append("<td>" + data[i].team + "</td>");        $('table').append(tr);    }});($ .parseJSON不是必需的,我們可以使用'data',因為我已經解析了JSON數組)
查看完整描述

3 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

循環遍歷每個對象,每次迭代附加一個包含相關數據的表行。

$(document).ready(function () {
    $.getJSON(url,
    function (json) {
        var tr;
        for (var i = 0; i < json.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + json[i].User_Name + "</td>");
            tr.append("<td>" + json[i].score + "</td>");
            tr.append("<td>" + json[i].team + "</td>");
            $('table').append(tr);
        }
    });});

的jsfiddle


查看完整回答
反對 回復 2019-08-06
?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

遍歷每個對象,推入字符串數組并加入它們。附加在目標表中,它更好。

$(document).ready(function () {$.getJSON(url,function (json) {
    var tr=[];
    for (var i = 0; i < json.length; i++) {
        tr.push('<tr>');
        tr.push("<td>" + json[i].User_Name + "</td>");
        tr.push("<td>" + json[i].score + "</td>");
        tr.push("<td>" + json[i].team + "</td>");
        tr.push('</tr>');
    }
    $('table').append($(tr.join('')));});


查看完整回答
反對 回復 2019-08-06
  • 3 回答
  • 0 關注
  • 777 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號