繁体   English   中英

如何将json转换为html表

[英]How to convert json to html table

嗨,我需要将以下json转换为html表

{
  "condomini": [
    {
      "ricevute": [
        {
          "data": "31/10/2017",
          "numero": "1715759",
          "dettagli": "Contante",
          "descrizione": "Versamento giuseppe rossi rata ottobre ",
          "totale": "108,00",
          "righe": [
            {
              "importoPagato": "5,00",
              "importoCredito": "5,00",
              "importoResiduo": "0,00",
              "scala": "B",
              "piano": "2",
              "interno": "12",
              "descrizione": "Contributo per riparazione cancello A"
            },
            {
              "importoPagato": "103,00",
              "importoCredito": "103,00",
              "importoResiduo": "0,00",
              "scala": "B",
              "piano": "2",
              "interno": "12",
              "descrizione": "Rata ottobre - dicembre 2017"
            }
          ]
        }

      ]
    }
  ]
}

到目前为止,这是我设法做到的,但是我不知道如何呈现数组“ righe”,如果您将json代码放入http://json2table.com/,那么您将了解表的方式应该看起来像。

$.ajax({

 type: "json",
 url: "../km-client-controllers/km-ctrl-client-ricevute.php",

 success: function(result) {

  datas = JSON.parse(result);

  $('#nome_condominio').html(datas.condomini[0].condominio.nome);
  $('#indirizzo_condominio').html(datas.condomini[0].condominio.indirizzo);

  $.each(datas.condomini[0].ricevute, function(i, item) {


        var $tr = $('<tr>').append(
            $('<td>').text(item.data),
            $('<td>').text(item.numero),
            $('<td>').text(item.descrizione),
            $('<td>').text(item.totale)
        ).appendTo('#records_table');


    });

我不确定您希望表格如何显示,但是要将数据获取到严格的数组中,您可以执行以下操作

 $.each(item.righe ....) 

类似于您如何从ricevute数组中获取数据。

有关示例,请参见此提琴: http : //jsfiddle.net/zs0yowhk/21

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM