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>