Tratamento de Response Restfull com Js.
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.
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
Curtidas 0
Respostas
Johnny Santos
02/06/2020
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>
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>
GOSTEI 0