Tratamento de Response Restfull com Js.

02/06/2020

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.

Johnny Santos

Curtir t�pico + 0

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

Gostei + 0