Saltar al contenido

Obtener la Dirección IP del cliente mediante Javascript o Jquery

27 junio, 2011

En esta entrada se explica cómo obtener la IP del ordenador del cliente mediante javascript o Jquery. Insertando unas líneas de código HTML en cualquier página web se puede acceder a la dirección IP de un cliente desde cualquier navegador web.

Si quieres que sea en Javascript sólo hay que añadir las siguientes líneas donde quieres que aparezca tu ip:

1
2
3
4
5
6
7
<script type="application/javascript">
  function getIP(json) {
    document.write("Tu ip es: ", json.ip);
  }
</script>
 
<script type="application/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>

Si quieres obtener tu dirección IP o la de tu cliente con JQuery, tienes que añadir este código:

1
2
3
4
5
6
7
    <div id="ip">Solicitando IP...</div>
    <script type="application/javascript">
        // solicitud por ajax para obtener el json con la ip
        $.post("http://jsonip.appspot.com/",function(data){
            $("#ip").html("Tu ip es: "+data.ip);
        },"json");
    </script>

Tienes que tener en cuenta que si utilizas la forma de “get IP Jquery” tienes que añadir en tu cabecera o web la libreria javascript de Jquery, por ejemplo te sirve esta

1
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Esto llama a una función que muestra la dirección IP del Cliente.

No es necesario nada más.

Ten en cuenta que si el cliente está detrás de un firewall o un servidor proxy entonces obtendremos la dirección IP del servidor proxy o firewall en lugar de su dirección IP real.

Si quieres hacer pruebas, puedes utilizar el script para redirigir a los usuarios de un bloque IP determinado de clase C a una página diferente. He aquí un breve fragmento de código :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script></p>
<p>
</p>
<p>
var = ndx IP.lastIndexOf (".");</p>
<p>
</p>
<p>
var = CBLOCK IP.substr (0, NDX);</p>
<p>
</p>
<p>
if (CBLOCK == "195.235.176") location.href = "https://programadorpaginasweb.es/";</p>
<p>
</p>
<p>
</ Script>

Si quieres conocer tu IP por Javascript solo tienes que acceder al siguiente enlace:
Pincha aquí para conocer tu IP por Javascript

Si quieres conocer tu IP por Jquery solo tienes que acceder al siguiente enlace:
Pincha aquí para conocer tu IP por Jquery