Javascript 在jQuery中循环对象 var obj={ “数据”：[{ “codice_Compato”：“PRO”， “描述”：“个人比赛节奏不确定”， “codice_siope”：“1101”， “描述”：“， “ricerca”：错， “idtable”：“000717409-1101”， “cod_ente”：“000717409”， “anno”：“2014年”， “periodo”：“12”， “codice_gestionale”：“1101”， “进口”：“756”， “importo_2013”：“37718576”， “importo_2014”：“32810124”， “importo_2015”：空 }, { “codice_Compato”：“PRO”， “描述节拍”：“个人节奏的不确定性”， “codice_siope”：“1102”， “描述”：“， “ricerca”：错， “idtable”：“000720006-1102”， “货到付款”：“000720006”， “anno”：“2014年”， “periodo”：“12”， “codice_gestionale”：“1102”， “imp_uscite_att”：“0”， “importo_2013”：空， “importo_2014”：“242532”， “importo_2015”：空 }, { “codice_Compato”：“PRO”， “描述”：“每个人都有一个节奏不确定的配饰”， “codice_siope”：“1103”， “描述”：“， “ricerca”：错， “idtable”：“000720006-1103”， “货到付款”：“000720006”， “anno”：“2014年”， “periodo”：“12”， “codice_gestionale”：“1103”， “imp_uscite_att”：“0”， “importo_2013”：“2262257”， “importo_2014”：“6227024”， “importo_2015”：空 }], “cosa”：错误 } $。每个（对象、函数（）{ $。每个（此，函数（键，val）{ var table=''+''+JSON.stringify（key）+'：''+JSON.stringify（val）+'+''； $（“#表”）。追加（表）； console.log（this）； }) })

以下是输出：

var obj = {
    "data": [{
            "codice_comparto": "PRO",
            "descrizione_codice": "Competenze fisse per il personale a tempo indeterminato",
            "codice_siope": "1101",
            "descrizione_ente": "",
            "ricerca": false,
            "idtable": "000717409-1101",
            "cod_ente": "000717409",
            "anno": "2014",
            "periodo": "12",
            "codice_gestionale": "1101",
            "imp_uscite_att": "756",
            "importo_2013": "37718576",
            "importo_2014": "32810124",
            "importo_2015": null
    }, {
            "codice_comparto": "PRO",
            "descrizione_codice": "Straordinario per il personale tempo indeterminato",
            "codice_siope": "1102",
            "descrizione_ente": "",
            "ricerca": false,
            "idtable": "000720006-1102",
            "cod_ente": "000720006",
            "anno": "2014",
            "periodo": "12",
            "codice_gestionale": "1102",
            "imp_uscite_att": "0",
            "importo_2013": null,
            "importo_2014": "242532",
            "importo_2015": null
    }, {
            "codice_comparto": "PRO",
            "descrizione_codice": "Altre competenze ed indennità accessorie per il personale a tempo indeterminato",
            "codice_siope": "1103",
            "descrizione_ente": "",
            "ricerca": false,
            "idtable": "000720006-1103",
            "cod_ente": "000720006",
            "anno": "2014",
            "periodo": "12",
            "codice_gestionale": "1103",
            "imp_uscite_att": "0",
            "importo_2013": "2262257",
            "importo_2014": "6227024",
            "importo_2015": null
    }],
        "cosa": false
}
$.each(obj, function () {
    $.each(this, function (key, val) {
        var table = '<tr>' + '<td>' + JSON.stringify(key) + ':' + JSON.stringify(val) + '</td>' + '</tr>';
        $('#table').append(table);
        console.log(this);
    })
})

0:{“codice_u comparto”：“PRO”，“Descriptione_codice”：“Competenze fisse perl il personal a tempo a determinatoro”，“codice_siope”：“1101”，“Descriptione_ente”：“Ricera”：“false”，“idtable”：“000717409-1101”，“cod_ente”：“000717409”，“anno”：“2014”，“periodo”：“12”，“codice_gional”：“1101”，“imp_uscite_att”：“756”，“importo_2013”：“37718576”，“importo(2014”：“322; 32124”，“importo_2015”：null}
1:{“codice_u-compato”：“PRO”，“Descriptione_-codice”：“Stratordinario per il personal tempo indeftermination”，“codice_-siope”：“1102”，“Descriptione_-ente”：“ricerca”：false，“idtable”：“000720006-1102”，“Codu-ente”：“000720006”，“anno”：“2014”，“periodo”：“12”，“codice_-gestionale”：“1102”，“Import_-site”：“0”，“importo”；“importo-2014”：“242”，“importo-2015”“：null}
2:{“codice_u u comparto”：“PRO”，“Description_codice”：“Altre competize ed indennitÃaccessorie per il personal a tempo a indendtermination”，“codice_siope”：“1103”，“Description e_ente”：“Ricera”：“false”，“idtable”：“000720006-1103”，“Codu ente”：“000720006”，“anno”：“2014”，“periodo”：“12”，“codice_gional”：“1103”，“Import_uscite_att”：“0”，“importo_2013”：“2262257”，“importo_2014”：“6227024”，“importo_2015”：null}

相反，我希望得到如下输出：

<table id="table">
        <tr>
            <td>0:{"codice_comparto":"PRO","descrizione_codice":"Competenze fisse per il personale a tempo indeterminato","codice_siope":"1101","descrizione_ente":"","ricerca":false,"idtable":"000717409-1101","cod_ente":"000717409","anno":"2014","periodo":"12","codice_gestionale":"1101","imp_uscite_att":"756","importo_2013":"37718576","importo_2014":"32810124","importo_2015":null}</td>
        </tr>
        <tr>
            <td>1:{"codice_comparto":"PRO","descrizione_codice":"Straordinario per il personale tempo indeterminato","codice_siope":"1102","descrizione_ente":"","ricerca":false,"idtable":"000720006-1102","cod_ente":"000720006","anno":"2014","periodo":"12","codice_gestionale":"1102","imp_uscite_att":"0","importo_2013":null,"importo_2014":"242532","importo_2015":null}</td>
        </tr>
        <tr>
            <td>2:{"codice_comparto":"PRO","descrizione_codice":"Altre competenze ed indennitÃ&nbsp; accessorie per il personale a tempo indeterminato","codice_siope":"1103","descrizione_ente":"","ricerca":false,"idtable":"000720006-1103","cod_ente":"000720006","anno":"2014","periodo":"12","codice_gestionale":"1103","imp_uscite_att":"0","importo_2013":"2262257","importo_2014":"6227024","importo_2015":null}</td>
        </tr>
</table>

科迪丝·比拉托
描述
codice_siope
赞成的意见
个人比赛节奏不确定
1101
赞成的意见
个人节奏的不确定性
1102

---

由于键总是相同的，我认为最好在

中只输出一次，假设

数据中的所有对象都以相同的顺序具有相同的属性，这将动态生成一个表：

<table>
    <tr>
        <th>codice_comparto</th>
        <th>descrizione_codice</th>
        <th>codice_siope</th>
    </tr>
    <tr>
        <td>PRO</td>
        <td>Competenze fisse per il personale a tempo indeterminato</td>
        <td>1101</td>
    </tr>
    <tr>
        <td>PRO</td>
        <td>Straordinario per il personale tempo indeterminato</td>
        <td>1102</td>
    </tr>

</table>

$（函数（）{
var html=“”；
//生成标题
html+=''；
for（json.data[0]中的var键）{
html+=''+键+''；
}
html+=''；
//创建行
for（json.data中的var rowKey）{
html+=''；
for（json.data[rowKey]中的var colKey）{
html+=''+json.data[rowKey][colKey]+''；
}
html+=''；
}
//最后设置生成的html
$（“#表”）.html（html）；
});
此
指针是第二个
$中的
数组。每个
键都是数组索引；值是对象

以下是一个不使用jQuery的解决方案（只是为了好玩；）

var items=json.data，
项目,，
桌子
标题，
海德罗，
标题栏，
身体，
一行
栏目；
table=document.createElement（'table'）；
//创建标题
header=document.createElement（'thead'）；
headerRow=document.createElement（'tr'）；
对于（项目[0]中的变量标题）{
headerColumn=document.createElement（'th'）；
headerColumn.innerHTML=标题；
headerRow.appendChild（headerColumn）；
}
header.appendChild（headerRow）；
//创造身体
body=document.createElement（'tbody'）；
对于（var i=0；if i），当您在JavaScript程序中将对象文本称为“JSON”时，会感到困惑"如果你有正在解析的实际JSON，把它放在一个单独的代码块中，显示它正在被解析，或者干脆不叫它JSON。我无法想象，当你所做的只是将JavaScript对象转换为JSON并将它们添加到单个的
.Y中时，为什么你会期望出现单独的
元素我们的输出与您编写的代码完全一致。JSON序列化并不是创建您所想的任何结构的魔法。它创建JSON。也许您将JSON与一些模板框架混淆了。请参阅Zach Hunter post：它被截断了，非常长。因此最好是“自动”创建表标题什么是长？行数还是列数？我根据您的要求更改了答案。代码可以将行添加到ID为
table
的表中。但是y
$(function() {
    var html = "";

    // Generate header
    html+='<tr>';
    for(var key in json.data[0]) {
        html+='<th>'+key+'</th>';
    }
    html+='</tr>';

    // create rows
    for(var rowKey in json.data) {
        html+='<tr>';
        for(var colKey in json.data[rowKey]) {
            html+='<td>'+json.data[rowKey][colKey]+'</td>';
        }
        html+='</tr>';
    }

    // Finally set generated html
    $("#table").html(html);

});

var items = json.data,
    item,
    table,
    header,
    headerRow,
    headerColumn,
    body,
    row,
    column;

table = document.createElement('table');

//create header
header = document.createElement('thead');
headerRow = document.createElement('tr');
for(var heading in items[0]){
    headerColumn = document.createElement('th');
    headerColumn.innerHTML = heading;
    headerRow.appendChild(headerColumn);
}
header.appendChild(headerRow);

//create body
body = document.createElement('tbody');
for(var i=0; i<items.length; i++){
    item = items[i];
    row = document.createElement('tr');
    for(var propert in item){
        column = document.createElement('td');
        column.innerHTML = item[propert];
        row.appendChild(column);
    }
    body.appendChild(row);
}

table.appendChild(header);
table.appendChild(body);

//$('#something').append(table);