当我在表中插入日期对象时，JSON ajax 返回未定义

Question

我试图在表中插入元素，但在显示数据对象时，出现未定义的消息如何将这个日期对象传递给表？其他对象没问题，我只是数据对象有问题JSON：[  {    tipo: "O",    numero: "001",    data: { year: 2019, month: 4, day: 18 },    prazo: 0,    documento: "4600530888",  },];$.ajax({      url: 'buscaTextoAditivos.action', // action to be perform      type: 'POST',       //type of posting the data      data: { linhaSelecionadaJson: jsonHide }, // data to set to Action Class      dataType: 'json',      success: function (data) {      var indices = ['Tipo', 'Numero', 'Data', 'Prazo', 'Document']      var table = $("<table>")      var thead = $('<thead>')        for (const index of indices) {               $('<th>' + index + '</th>').appendTo(thead)            }               var tbody = $('<tbody>')                for (const item of data) {                     var tr = $('<tr>')                        for (const index of indices) {                            $('<td>' + item[index] + '</td>').appendTo(tr)                        }                        tr.appendTo(tbody)                    }                    tbody.appendTo(table)                  $("#loaderMaiorDemandante").hide();                  table.appendTo('#records_table')

Answer 1

您不需要两个循环来遍历值，您可以使用一个循环并访问jsonusing中的所有值item.keyname，并访问 json 数组 write 中的 json 对象item.data.keyname。

演示代码：

//your response

var data = [{

    tipo: "O",

    numero: "001",

    data: {

      year: 2019,

      month: 4,

      day: 18

    },

    prazo: 1,

    documento: "4600530888"

  },

  {

    tipo: "O",

    numero: "001",

    data: {

      year: 2009,

      month: 4,

      day: 18

    },

    prazo: 0,

    documento: "4600530588"

  }

]

var indices = ['Tipo', 'Numero', 'Document', 'Prazo','Data']

var table = $("<table border='1'>")

var thead = $('<thead>')

for (const index of indices) {

  $('<th>' + index + '</th>').appendTo(thead)

}

var tbody = $('<tbody>')

for (const item of data) {

  var tr = $('<tr>')

  //get datas from json 

  $('<td>' + item.tipo + '</td>').appendTo(tr)

  $('<td>' + item.numero + '</td>').appendTo(tr)

  $('<td>' + item.prazo + '</td>').appendTo(tr)

  $('<td>' + item.documento + '</td>').appendTo(tr)

   $("<td>" + item.data.year + "/" + item.data.month + "/" + item.data.day + "</td>").appendTo(tr)

    tr.appendTo(tbody)

}

//apend data in thead 

thead.appendTo(table)

tbody.appendTo(table)

$("#loaderMaiorDemandante").hide();

table.appendTo('#records_table')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="records_table"></div>