JSON ajax returns undefined when I insert a date object in the table

Question

I am trying to insert the elements in a table, but when showing the data object, the undefined message is appearing

How to pass this date object to the table?

The other objects are ok, I just have a problem with the data object

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')

That's not valid JSON. JSON requires quotes around property names. — D. Pardal
– D. Pardal, Commented Jul 21, 2020 at 14:49
[ { tipo: "O", numero: "001", data: { year: 2019, month: 4, day: 18 }, prazo: 0, documento: "4600530888" //fixed without comma (","). } //fixed without comma (","). ] — toto
– toto, Commented Jul 21, 2020 at 15:37
@D.Pardal fixed, but im still getting the undefied error when try to show the "Data" — AllPower
– AllPower, Commented Jul 21, 2020 at 15:39
@Swati HISwati, Thanks for the help, it worked really well, I already accepted it as an answer! — AllPower
– AllPower, Commented Jul 23, 2020 at 21:44

Swati · Accepted Answer · 2020-07-21 17:31:11Z

You don't need two loop to iterate through values you can use one loop and access all value inside your json using item.keyname and to access json object inside json array write item.data.keyname .

Demo Code :

//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>

Collectives™ on Stack Overflow

JSON ajax returns undefined when I insert a date object in the table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related