Cómo obtener la dirección IP del cliente usando jQuery

Question

¿Quiero saber cómo obtener la dirección IP del cliente usando jQuery?

¿Es posible? Sé que javascript puro no puede, pero obtuvo un código usando JSONP de Stack Overflow.

Entonces, ¿hay alguna solución usando jQuery?

Answer 1

jQuery puede manejar JSONP, simplemente pase una url formateada con la devolución de llamada =? parámetro al método $.getJSON, por ejemplo:

$.getJSON("https://api.ipify.org/?format=json", function(e) { 
 
    console.log(e.ip); 
 
});

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

Este ejemplo es de un servicio muy simple JSONP implementado con api.ipify.org.

Si no está buscando una solución entre dominios, la secuencia de comandos se puede simplificar aún más, ya que no necesita el parámetro de devolución de llamada, y devuelve JSON puro.

Answer 2

Una simple llamada AJAX a su servidor, y luego la lógica en el servidor para obtener la dirección IP debería hacer el truco.

$.getJSON('getip.php', function(data){ 
    alert('Your ip is: ' + data.ip); 
}); 

Luego, en php que podría hacer:

<?php 
/* getip.php */ 
header('Cache-Control: no-cache, must-revalidate'); 
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); 
header('Content-type: application/json'); 

if (!empty($_SERVER['HTTP_CLIENT_IP'])) 
{ 
    $ip=$_SERVER['HTTP_CLIENT_IP']; 
} 
elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) 
{ 
    $ip=$_SERVER['HTTP_X_FORWARDED_FOR']; 
} 
else 
{ 
    $ip=$_SERVER['REMOTE_ADDR']; 
} 
print json_encode(array('ip' => $ip)); 

Answer 3

function GetUserIP(){ 
    var ret_ip; 
    $.ajaxSetup({async: false}); 
    $.get('http://jsonip.com/', function(r){ 
    ret_ip = r.ip; 
    }); 
    return ret_ip; 
} 

Si desea utilizar el IP y asignarlo a una variable, prueba esto. Simplemente llame al GetUserIP()