Jump to content

Como criar uma função em JavaScript para obter o endereço IP e outros dados da conexão?

jerrivaldo
 Compartilhar

Postagens Recomendadas

jerrivaldo

jerrivaldo

Postado
Postado

Preciso criar uma função em JavaScript que retorne o Endereço IP e demais dados da conexão. Tentei da seguinte forma mas não está retornando o Endereço: 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="getIP();">Endereço IP</button>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script>
        function getIP(enderecoIP) {
            let apiKey = "d9e53816d07345139c58d0ea733e3870";
            $.getJSON(
                "https://api.bigdatacloud.net/data/ip-geolocation?key=" + apiKey,
                function (data) {
                    console.log(JSON.stringify(data, null, 2));
                    return JSON.stringify(data, null, 2);
                }
            );
            return enderecoIP;
        }

        let IP = "";
        getIP(IP);
        alert(IP);
    </script>
</body>

</html>

 

Link to comment
Compartilhe em outros sites
Tiago Neves

Tiago Neves

Postado
Postado

Olá, @jerrivaldo. Segue o código.

  

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button onclick="getIP();">Endereço IP</button>
  <pre id="resposta"></pre>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  <script>
    async function getIP() {
      let apiKey = "d9e53816d07345139c58d0ea733e3870";
      try {
        const response = await fetch("https://api.bigdatacloud.net/data/ip-geolocation?key=" + apiKey);
        const data = await response.json();
        const enderecoIP = data.ip;
        document.getElementById("resposta").innerText = JSON.stringify(data, null, 2);
      } catch (error) {
        console.error("Ocorreu um erro ao obter o endereço IP:", error);
      }
    }
  </script>
</body>

</html>

Neste código, adicionei uma tag <pre> com o id "resposta" logo após o botão. Dentro da função getIP, após obter os dados da API, estou configurando o conteúdo dessa tag com o JSON formatado usando JSON.stringify. Dessa forma, a resposta da API será exibida na página HTML.

  • Ajudou! 1
Link to comment
Compartilhe em outros sites
  • Casa do Desenvolvedor mudou o título para "Como criar uma função em JavaScript para obter o endereço IP e outros dados da conexão?
  • Casa do Desenvolvedor mudou o título para Como criar uma função em JavaScript para obter o endereço IP e outros dados da conexão?

Crie uma conta ou entre para comentar 😀

Você precisa ser um membro para deixar um comentário.

Crie a sua conta

Participe da nossa comunidade, crie sua conta.
É bem rápido!

Criar minha conta agora

Entrar

Você já tem uma conta?
Faça o login agora.

Entrar agora
 Compartilhar
Ir para a listagem de tópicos


×
×
  • Create New...