1

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"
4
  • Posta o JSON que vem da API, nessa linha: console.log(meuJSON); Commented 26/10/2017 às 13:57
  • Desculpa, mas eu nao entendi
    – Maria
    Commented 26/10/2017 às 14:36
  • Se você puder postar o JSON que vem da sua API fica mais fácil te ajudar. Você já faz isso no seu código dentro da função complete do Ajax na linha console.log(meuJSON). Commented 26/10/2017 às 14:42
  • Acabei de editar da pergunta, nela tem o que vem já. Dá uma olhada por favor
    – Maria
    Commented 26/10/2017 às 14:43

1 Resposta 1

2

A resposta da sua API está retornando algo no formato:

//Cada PACIENTE é um JSON
{ TRACKER: [PACIENTE1, PACIENTE2] }

Então você tem que ajustar o parâmetro que é passado pra função adicionaPacienteNaTabela

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")
            //Ajuste
            var paciente = meuJSON.TRACKER[i];
            adicionaPacienteNaTabela(paciente);

            console.log("ola3")
       }
    }
});
1
  • OBRIGADA!!! Foi realmente isso.
    – Maria
    Commented 26/10/2017 às 15:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .