Tratamento de Response Restfull com Js.

02/06/2020

3

Olá pessoal, sou novo por aqui caso já exista algum tópico para esse assunto me desculpem.
Estou trabalhando em uma integração por meio de Webservice Rest o retorno vem da seguinte maneira.
[
{
"unit": "01",
"id": "000001",
"name": "JOHNNY DA SILVA SANTOS"
},
{
"unit": "01",
"id": "000002",
"name": "CLIENTE 02"
}
]

Estou recebendo esse response por meio de javascript até ai tudo bem, o que não consigo é retornar esses valores abaixo tem uma das maneiras que utilizei.
var obj = xhttp.responseText;
document.getElementById("resposta").innerHTML = obj.unit[1];
Na variável obj consigo visualizar o retorno conforme mandei acima, a ideia e listar os valores recebidos em uma tabela se alguém puder me ajudar fico grato.
Responder

Posts

03/06/2020

Johnny Santos

Bom dia.
Resolvi da seguinte maneira caso alguém tenha o mesmo problema.
<div >
<table border="1" id="ajax" ></table>
</div>
<script>
var url = "http://localhost:8081/rest/WSRESTA1/customers";

var xhttp = new XMLHttpRequest();
xhttp.open("GET", url, false);
xhttp.setRequestHeader('Authorization', 'Basic YWRtaW46MTgwNzE2R2k=');


xhttp.send();//A execução do script pára aqui até a requisição retornar do servidor

//var obj = xhttp.responseText;
var obj =
[
{
"unit": "01",
"id": "000001",
"name": "JOHNNY DA SILVA SANTOS"
},
{
"unit": "01",
"id": "000002",
"name": "CLIENTE 02"
}
]
;


console.log(obj);


var dados = obj;
function ajax(response) {
var dados = response
var html = ""
JSON.parse(dados).forEach( function (registro){
html += "<tr><td>"
+registro.name
+"</td><td>"
+registro.id
+"</td><td>"
+registro.unit
+"</td></tr>"
})
console.log(html);
document.getElementById('ajax').innerHTML = html;
}

ajax(JSON.stringify(dados));
</script>

Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar