Tô com um problema que ta me matando... To pegando uma API e colocando numa table la no html, fiz a function de montar o td e tudo, mas quando chega pra colocar o dado da API no table nao vai e fica dando o erro: Uncaught TypeError: Cannot read property 'NOME' of undefined. E esse "NOME" é um array que tem no API.
Segue o código:
botaoAdicionar.addEventListener("click", function(){
var endereco = 'api aqui';
$.ajax({
url: endereco,
complete: function(res){
var meuJSON = JSON.parse(res.responseText);
console.log(meuJSON);
console.log("ola1")
for (var i =0; i < 1; i++){
console.log("ola2")
adicionaPacienteNaTabela(meuJSON[i]);
console.log("ola3")
}
}
});
});
function montaTd(dado, classe) {
var td = document.createElement("td");
td.classList.add(classe);
td.textContent = dado;
return td;
}
function adicionaPacienteNaTabela(cliente) {
var clienteTr = montaTr(cliente);
var tabela = document.querySelector("#tabela-clientes");
tabela.appendChild(clienteTr);
}
function montaTr(cliente) {
var clienteTr = document.createElement("tr");
clienteTr.classList.add("cliente");
clienteTr.appendChild(montaTd(cliente.NOME, ".info-NOME"));
return clienteTr;
}
OS DADOS DO MEU API QUANDO COLOCO NO CONSOLE.LOG(MEUJSON); É:
{TRACKER: Array(2)}
TRACKER
:
Array(2)
0
:
CEPENT
:
"57000000"
CLIRET
:
"NAO"
CODCAR
:
"000152"
CODCLI
:
"526460"
CODPRO
:
"12819009 "
CPF
:
"02798477425 "
DESPRO
:
"COLCHAO GAZIN SUPREME COMPOSTO 138X188X21CM 1PL 660120 ./PR "
DTAENT
:
"20170715"
DTAENTORC
:
"20170707"
DTAMON
:
"20170724"
DTAMONORC
:
"20170712"
DTAPREENT
:
"20170714"
ENDENT
:
"R LUIZ DE MASCARENHA APT 1801 "
FILCD
:
"99"
FILORC
:
"01"
FLAG
:
"ENTREGUE "
MUNENT
:
"MACEIO "
NFISCA
:
"000033718"
NOME
:
"GUSTAVO SILVA E LINS "
NUMORC
:
"016350"
PEDCD
:
"110035"
QTDLIB
:
"1"
console.log(meuJSON);
complete
do Ajax na linhaconsole.log(meuJSON)
.