Ajuda - Array na DIV
Senhores(a), por favor, alguém consegue me ajudar a entender como posso fazer para colocar o conteúdo abaixo, dentro de uma DIV, separando ou criando como se fosse uma tabela com o campo HostGroup e Licenças?
{"GFUnificado":14,"APIGateway":22,"OSBSegregado1":202,"Portal":14,"OAM":30,"MicroServicos":68,"Loja":58.5,"60-Lojas":46,"-Callcenter":37,"360-Dealers":24,"SOAMecsol":30,"MeuEmpresas":40,"OSBFarm4":89,"Prisma":8,"EricssonRevenueManager":50.75,"N":80,"Atl":10,"OSBEAI":2,"Next":208.5}
Segue meu código:
<!DOCTYPE html>
<html lang="pt-br">
<title>API Management</title>
<head>
<meta charset="8">
</head>
<body>
<script>
var urlapi = 'http://xxxxx.xxxx;
function fazerRequisicao(){
var url = urlapi + document.getElementById('hostgroup').value;
//var url = urlapi;
var xhttp = new XMLHttpRequest();
xhttp.open("GET", url, false);
xhttp.send();
var obj = JSON.parse(xhttp.responseText);
var data_map = new Map();
var index = 0;
for (i = 0; i < obj.length; i++) {
if(data_map.has(obj[i].hostGroup.name)) {
data_map.set(obj[i].hostGroup.name, data_map.get(obj[i].hostGroup.name) + +obj[i].consumedHostUnits);
} else {
data_map.set(obj[i].hostGroup.name, +obj[i].consumedHostUnits);
}
}
const objConverted = Object.fromEntries(data_map);
var myJSON = JSON.stringify(objConverted);
document.getElementById("div-responsetext").innerHTML = myJSON;
}
var len = myJSON.hostGroup.name.length, aryHostGroup = [];
</script>
<button onclick="fazerRequisicao();">Pesquisar</button>
<input type="text" id="hostgroup" style="width: 100px;">
<hr/>
<div id="div-responsetext"></div>
</body>
</html>Discussão (1)
Carregando comentários...