Javascript 将JSON对象解析为HTML表

Javascript 将JSON对象解析为HTML表,javascript,jquery,html,json,twitter-bootstrap-3,Javascript,Jquery,Html,Json,Twitter Bootstrap 3,我试图将一个JSON对象解析到一个html表中,但是我似乎无法正确地得到它 所需格式: Last Year This Year Future Years 45423 36721 873409 当前格式: Last Year 45423 This Year 36721 Future Years 873409 JSON: HTML: 代码: $.getJSON(url、jsonObject、, 功能(数据){ 对于(变量i=0

我试图将一个JSON对象解析到一个html表中,但是我似乎无法正确地得到它

所需格式:

Last Year     This Year     Future Years
45423         36721         873409
当前格式:

Last Year     45423
This Year     36721
Future Years  873409
JSON:

HTML:


代码:

$.getJSON(url、jsonObject、,
功能(数据){
对于(变量i=0;i
$.getJSON(url,jsonObject,
功能(数据){
var tr=$('');
对于(变量i=0;i
$.getJSON(url,jsonObject,
功能(数据){
var tr=$('');
对于(变量i=0;i
没什么不同

$.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);
    }
);  
$.getJSON(url、jsonObject、,
功能(数据){
tr1=$('');
tr2=$('');
对于(变量i=0;i
没什么不同

$.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);
    }
);  
$.getJSON(url、jsonObject、,
功能(数据){
tr1=$('');
tr2=$('');
对于(变量i=0;i
试试看

$.getJSON(url、jsonObject、,
功能(数据){
var tr1=$('');
var tr2=$('');
对于(变量i=0;i
试试看

$.getJSON(url、jsonObject、,
功能(数据){
var tr1=$('');
var tr2=$('');
对于(变量i=0;i
这是您当前格式的代码,您所需格式的代码在哪里?我没有所需格式的代码…我只是尝试修改现有格式…但我无法将其转换为该格式。这是您当前格式的代码,你想要的格式的代码在哪里?我没有想要的格式的代码…我只是试图修改现有的…但我无法将其转换为该格式。
$.getJSON(url, jsonObject,
    function (data) {
        for (var i = 0; i < data.length; i++) {
            tr = $('<tr/>');
            tr.append("<td>" + data[i].column_name + "</td>");
            tr.append("<td>" + data[i].column_data + "</td>");
            $('#crpw_table').append(tr);
        }
    });  
$.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);
    }); 
$.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);
    }
);  
$.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);
});