Jump to content

Recommended Posts

Senhores, conseguem me ajudar a evoluir na questão abaixo??

 

Tenho esse código simples, aonde chamo uma API e percorro um array e pego apenas um campo e faço a soma. Só que preciso retornar além do campo "consumedHostUnits" e o campo "name", conforme print.

 

json.PNG.d95fc24a5b9c020580b5a9f90176987a.PNG

 

Alguém poderia me dar uma luz, como fazer isso? 

 

O resultado seria mostrando 

 

Name: APIGateway | ConsumedHostsUnits: 2

 

Segue o HTML:

 

<!DOCTYPE html>
<html lang="pt-br">
    <title>API Management</title>
    <head>
        <meta charset="8">
    </head>
    <body>
        <script>
            var urlapi = '';    
            function fazerRequisicao(){
               var url = urlapi + document.getElementById('hostgroup').value;
               //var url = urlapi;
               var xhttp = new XMLHttpRequest();
               xhttp.open("GET", url, false);
               xhttp.send();
               
               var arrayElements = xhttp.responseText.split(',');
               var i;
               var sumComsumed = 0.0;
                for (i = 0; i < arrayElements.length; i++) {
                    if(arrayElements[i].includes("consumedHostUnits")) {
                        sumComsumed = sumComsumed + +arrayElements[i].split(":")[1];
                    }
                }
                document.getElementById("div-responsetext").innerHTML = sumComsumed;
            }
        </script>
        
        <button onclick="fazerRequisicao();">Pesquisar</button>
        <input type="text" id="hostgroup" style="width: 100px;">
        <hr/>
        <div id="div-responsetext"></div>
    </body>
</html>

Obrigado.

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Lobo_RJ
      Código muito suspeito em javascript - Recebi de um amigo um link muito suspeito para o site iinet.com, me chamou a atenção porque utiliza o protocolo HTTP. Na página principal deste site, outro link remete à página do site easystreet.com, que também utiliza o protocolo HTTP. Realizei uma pesquisa no whois.net e o domínio iinet.com foi localizado, mas o domínio easystreet.com não foi localizado. Foi então que decidi inspecionar o código da página inicial de cada um do domínios e me chamou a atenção o código abaixo, encontrado na página inicial do domínio easystreet.com:
       
      <!doctype html>
      ...
      <link rel="pingback" href="http://easystreet.com/xmlrpc.php">
      ...
      <script data-avast-pam="y" type="text/javascript" name="AVAST_PAM_submitInjector">
            (function _submitInjector() {
              var f = document.querySelectorAll("form")[0]; // eslint-disable-line no-undef
              if (!f._avast_submit) {
                f._avast_submit = f.submit;
              }
              try {
                Object.defineProperty(f, "submit", {
                  get: function get() {
                    return function (prev_submit) {
                      prev_submit.call(this);
                      if (this._avast_inside_submit) {
                        return;
                      }
                      this._avast_inside_submit = true;
                      var evt = document.createEvent("CustomEvent");
                      evt.initEvent("scriptsubmit", true, true); // bubbling & cancelable
                      this.dispatchEvent(evt);
                      delete this._avast_inside_submit;
                    }.bind(this, this._avast_submit);
                  },
                  set: function set(submitFunc) {
                    this._avast_submit = submitFunc;
                  }
                });
              } catch (ex) {
                // ignored
              }
            })();
      </script>
      ...
      </html>
       
      Eu fiquei surpreso quando fiz uma pesquisa acerca da existência de algum arquivo do Avast denominado PAM e encontrei um arquivo C:\ProgramData\AVAST Software\Avast\pam\pam.json contendo dados como abaixo:
       
      {
        "json_version": 14,
        "update_frequency": 432000,
        "services": [
          {
            "version": 8,
            "icon_url": "https://pamcdn.avast.com/pamcdn/icons/facebook_com.png",
            "popular": 1,
            "url": "facebook.com",
            "login_url": "https://www.facebook.com",
            "name": "Facebook"
          },
          {
            "version": 8,
            "icon_url": "https://pamcdn.avast.com/pamcdn/icons/instagram_com.png",
            "popular": 1,
            "url": "instagram.com",
            "login_url": "https://www.instagram.com/accounts/login/",
            "name": "Instagram"
          },
          {
            "version": 12,
            "icon_url": "https://pamcdn.avast.com/pamcdn/icons/imdb_com.png",
            "popular": 0,
            "url": "imdb.com",
            "login_url": "https://www.imdb.com/registration/signin",
            "name": "IMDB"
          },
      ... (centenas de outros)
      }
       
      Eu não possuo conhecimento aprofundado de javascript, mas a existência do pingback (<link rel="pingback" href="http://easystreet.com/xmlrpc.php">) me levantou a suspeita de que este seja um exploit destinado à um ataque DDoS ou coisa pior como a coleta de credenciais de acesso dos usuários que cliquem nos links que levem às páginas do domínio easystreet.com, por isto eu venho aqui pedir a ajuda dos amigos que possuem um maior conhecimento de javascript.
       
      Desde já eu agradeço por qualquer colaboração.
       
      Lobo
      "Sempre aprendendo..."
    • By Jamersonjds
      Pra aprendizado, estou tentando listar dados do banco de dados e trazer os resultados para meu html.
      Estou conseguindo fazer com este código.
       
      <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8"> <title>Chat</title> <link rel="stylesheet" href="../public/style/reset.css"> <link rel="stylesheet" href="../public/style/chatStyle.css"> <!-- É adicionado a biblioteca jquery e o fontAwesome --> <link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet"> <link href="../public/style/fontawesome/css/all.css" rel="stylesheet"> <script src="../public/js/jquery.min.js"></script> </head> <style> .test2 { cursor: pointer; } </style> <script> $(document).ready(function(){ var itens = "", url = "../includes/configs/chat.php", itens2 = ""; // Capturar dados usando Método AJAX do jquery $.ajax({ url: url, cache: false, dataType: "json", success: function(retorno){ for(var i = 0; i<retorno.length; i++){ itens += "<li>"; itens += "<a class='test2' onclick='function retornou(){$('.Tes22').html('wadwd')}'>"; itens += "<div class='imgUserList'>"; itens += "<div class='widthUserImg'>"; itens += "<div class='imgUserListD'><img src='https://avatars0.githubusercontent.com/u/3966553?s=460&v=4' alt=''></div>"; itens += "</div>"; itens += "<div class='textUserList'>"; itens += "<input type='text' class='pegarID' value='" + retorno[i].id + "'>"; itens += "<span class='title'>" + retorno[i].email + "</span>"; itens += "<h1 class='title'>Está online</h1>"; itens += "</div>"; itens += "</div>"; itens += "</a>"; itens += "</li>"; } $(".pessoas").html(itens); } }) }); </script> <body onload="carregarItens()"> <div class="container"> <div class="listaPessoas"> <div class="headerPeople title"> <h1>Contatos</h1> <h2 class="Tes22"></h2> </div> <ul class="pessoas"> <!-- <li> <a href=""> <div class="imgUserList"> <div class="widthUserImg"> <div class="imgUserListD"><img src="https://avatars0.githubusercontent.com/u/3966553?s=460&v=4" alt=""></div> </div> <div class="textUserList"> <span class="title">10.1.196.90</span> <h1 class="title">Está online</h1> </div> </div> </a> </li> --> </ul> </div> <div class="chat"> <div class="chatHeader"> <div class="title text"> <h1>james</h1> </div> <div class="menuUser title"> <i class="fas fa-ellipsis-h"></i> </div> </div> <div class="chatMessage"> </div> <div class="chattext"> <form action=""> <input type="text" id="modal"> <button><i class="fas fa-paper-plane"></i></button> </form> </div> </div> <div class="infoPessoas"> </div> </div> <script src="../public/js/chat.js"></script> </body> </html> Porém estou querendo pegar apenas o ID e colocar em um <h2> e não estou conseguindo.
      Exemplo: Ao clicar em um dado vindo do banco de dados como é listado acima eu colocar o ID dele no <h2>.
       
      Este é meus dados vindo do PHP já no json.
      echo json_encode($dados, JSON_PRETTY_PRINT);  
    • By everton_araujo
      Olá pessoal, bom dia.
      Gostaria de pedir a ajuda de vcs na criação desse filtro que estou fazendo com a tag option.
      Basicamente gostaria que ao ser mudada a seleção com o value correspondente, a classe pudesse ter o atributo css display:block; e as demais display:none;
       
       
       <select id="mySelect" onchange="myFunction()">
          <option value="todas" >Todas</option>
          <option value="advogadas">Advogadas</option>
          <option value="consultora">Consultora de apoio a adolescentes e universidades internacionais</option>
          <option value="coordenadora">Coordenadoras da Educação</option>
          <option value="coach">Coachs</option>
           <option value="psicologas">Psicólogas</option>
            <option value="gestora">Gestora de comunicação</option>
             <option value="veterinaria">Veterinária</option> <option value="recursos">PHD em Recursos Humanos</option>
        </select>
       
      <div class="todas">conteúdo aqui</div>
      <div class="advogadas">conteúdo aqui</div>
      <div class="consultora">conteúdo aqui</div>
      <div class="coordenadora">conteúdo aqui</div>
      ....Assim por diante...
       
      Desde já, agradeço.
    • By weltonmatos
      Estou instalando na plataforma Tray uma Pop Up de saída que surge quando o usuário leva o cursor pra barra de navegação. A pop aparece. O que não funciona é o botão fechar.
       
      function stick_close() { $('.stick_container').fadeOut(function() { $(this).remove(); }); $('.stick_block_layer').fadeOut(function() { $(this).remove(); }); $.removeData( document.body, "stick_var" ); } $.stick_close = function() { stick_close(); } <div id="modal-newsletter" style="display:none;" class="stick_popup"> <div class="stick_close" onclick="$.stick_close()">X</div> <div class="stick_content"> <h1>Teste</h1> </div> </div>  
    • By granderodeo
      Tenho a página pedidos.php, que recebe todos os pedidos que foram feitos no site nessa página tem informações com ID do pedido, ID do usuário, Endereço etc. Fiz um botão `Produtos` para que quando o ADM clique, abra uma modal vinda de outra página `modalbox.php`, com os produtos pedidos referentes aquele pedido. Por exemplo Pedido nº 833 ao lado dele terá um botão `Produtos` e quero que quando abrir a modal venha somente os produtos pedidos pelo 833. Com o código que tenho até o momento a modal abre, mas não mostra os produtos.
       
      pedidos.php
      <!-------------------------------- PEDIDOS -------------------------> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="9"> <h4 class="text-center text-info m-0">Pedidos realizados</h4> </td> </tr> <tr> <th class="text-center">ID do pedido</th> <th class="text-center">Nome do cliente</th> <th class="text-center">E-mail</th> <th class="text-center">Endereço</th> <th class="text-center">Número da casa</th> <th class="text-center">Valor</th> <th class="text-center">ID cliente</th> <th class="text-center">Situação</th> <th class="text-center">Produtos</th> </tr> </thead> <tbody> <?php require 'conexao_pedidos.php'; $stmt = $conn->prepare("SELECT * FROM orders"); $stmt->execute(); $result = $stmt->get_result(); while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['order_id'] ?></td> <!-- ID do pedido --> <td> <?= $row['order_name'] ?></td> </td> <td><?= $row['order_email'] ?> </td> <td> <?= $row['order_endereco'] ?> </td> <td> <?= $row['order_numero'] ?> </td> <td>R$<?= $row['valor_total'] ?></td> <td><?= $row['id_usuario'] ?> </td> <!---- BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ----> <td> <a class="btn btn-danger pull-right" data-toggle="modal" href="#myModal" id="modellink" data-client="<?= $row['order_id'] ?>">Produtos</a> <div class="modal-container"></div> <!----FIM BOTÃO PARA ABRIR MODAL COM OS PRODUTOS ----> </tr> <?php endwhile; ?> </tbody> </table> </div> <!----- JQUERY PARA ABRIR MODAL -----> <script type="text/javascript"> $(document).ready(function(){ var order_id = $(this).attr("data-client"); var url = "modalbox.php?order_id=" + order_id; $_post(url,{ order_id = order_id, }, jQuery('#modellink').click(function(e) { $('.modal-container').load(url,function(result){ $('#myModal').modal({show:true}); }); }); }); </script>  
      modalbox.php
      <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body"> <div class="table-responsive mt-2"> <table class="table table-bordered table-striped text-center"> <thead> <tr> <td colspan="8"> <h4 class="text-center text-info m-0">Produtos dos pedidos</h4> </td> </tr> <tr> <th>ID do pedido</th> <th>ID cliente</th> <th>ID produto</th> <th>Quantidade</th> </tr> </thead> <tbody> <?php extract($order_id); if (isset($_GET['order_id'])) { $order_id = $_GET['order_id']; } else { die("ERRO: ID não definido."); } require 'conexao_pedidos.php'; $stmt = $conn->prepare("SELECT * FROM orders_items WHERE order_id = '$order_id'"); $stmt->execute(); $result = $stmt->get_result(); while($row = $result->fetch_assoc()): ?> <tr> <td> <?= $row['order_id'] ?> </td> <td> <?= $row['id_usuario'] ?></td> </td> <td> <?= $row['product_id'] ?> </td> <td> <?= $row['quantity'] ?> </td> <!------- FIM ITEM REMOVER DO CARRINHO -------> </tr> <?php endwhile; ?> </tbody> </table> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save</button> </div> </div> </div> </div>  

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.