簡體   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