Ajuda - Array na DIV

1. Ajuda - Array na DIV

rpbiaggio
(usa Outra)

Enviado em 08/04/2020 - 19:22h

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:


<!&#65279;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);&#65279;
               xhttp.send();&#65279;
               var obj = JSON.parse(xhttp.responseText);
               var data_map = new Map();&#65279;
               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(ob&#65279;jConverted);
               document.getElementById("div-responsetext").innerHTML = myJSON;
            }&#65279;
        </script>  
        <button onclick="fazerRequisicao();">&#65279;Pesquisar</button>
        <input type="text" id="hostgroup" style="width: 100px;">
        <hr/>&#65279;
        <div id="div-responsetext"></div>
    </body>&#65279;
</html>