Question

我正在尝试将JSON对象解析为html表，但我似乎无法将其正确解析。

＆＃xA;＆＃xA;

期望格式：

＆＃xA;＆＃xA; <前> <代码>去年今年未来年＆＃xA; 45423 36721 873409＆＃xA ; ＆＃xA;＆＃xA;

CURRENT FORMAT：

＆＃xA;＆＃xA;

 去年45423＆＃xA;今年36721＆ #xA;未来年份873409＆＃xA;

＆＃xA;＆＃xA;

JSON：

＆＃xA;＆＃xA;

  [{ column_name：“去年”，“column_data”：45423}，{column_name：“今年”，“column_data”：36721}，{column_name：“未来年”，“column_data”：873409}]＆＃xA;

＆＃xA;＆＃xA;  HTML：
＆＃xA;＆＃xA;  ＆lt; div class =“panel-body”＆gt;＆ #xA; ＆lt; div id =“main-aged-debtors-bar”style =“height：250px”＆gt;＆lt; / div＆gt;＆＃xA; ＆LT; DIV＆GT;＆＃XA; ＆lt; table class =“table table-hover”id =“crpw_table”＆gt;＆＃xA; ＆LT; THEAD＆GT;＆＃XA; ＆LT; / THEAD＆GT;＆＃XA; ＆LT; TBODY＆GT;＆＃XA; ＆LT; / tbody的＆GT;＆＃XA; ＆LT; /表＆gt;＆＃XA; ＆LT; / DIV＆GT;＆＃XA;＆LT; / DIV＆GT;＆＃XA;  
＆＃XA;＆＃XA;  CODE：
＆＃XA;＆＃XA ;   $。getJSON（url，jsonObject，＆＃xA; function（data）{＆＃xA; for（var i = 0; i＆lt; data.length; i ++）{＆＃xA; tr = $（'＆lt; tr /＆gt;'）;＆＃xA; tr.append（“＆lt; td＆gt;”+ data [i] .column_name +“＆lt; / td＆gt;”）;＆＃xA; tr。 append（“＆lt; td＆gt;”+ data [i] .column_data +“＆lt; / td＆gt;”）;＆＃xA; $（'＃crpw_table'）。append（tr）;＆＃xA;}＆＃xA ;}）; ＆＃XA;  
＆＃XA;

Answer 1

没有太大的不同

$.getJSON(url, jsonObject,
    function (data) {
        tr1 = $('<tr/>');
        tr2 = $('<tr/>');
        for (var i = 0; i < data.length; i++) {
            tr1.append("<td>" + data[i].column_name + "</td>");
            tr2.append("<td>" + data[i].column_data + "</td>");
        }
        $('#crpw_table').append(tr1);
        $('#crpw_table').append(tr2);
    }
);

Answer 2

$.getJSON(url, jsonObject,
    function (data) {
        var tr = $('<tr/>');
        for (var i = 0; i < data.length; i++) {
            tr.append("<td>" + data[i].column_name + "</td>");
        }
        $('#crpw_table').append(tr);
        tr = $('<tr/>');
        for (i = 0; i < data.length; i++) {
            tr.append("<td>" + data[i].column_data + "</td>");
        }
        $('#crpw_table').append(tr);
    });

Answer 3

尝试，

$.getJSON(url, jsonObject,
    function (data) {
        var tr1 = $('<tr/>');
        var tr2 = $('<tr/>');
        for (var i = 0; i < data.length; i++) {

            tr1.append("<td>" + data[i].column_name + "</td>");
            tr2.append("<td>" + data[i].column_data + "</td>");

    }
    $('#crpw_table').append(tr1).append(tr2);
});

将JSON对象解析为HTML表

3 个答案: