Detectar país del usuario con jQuery
En este artículo vamos a ver una forma bastante sencilla de detectar el país del usuario que nos visita sin necesidad de utilizar php para averiguar la ip del usuario que está entrando en nuestra Web.
Existe la API de wipmania por medio de jQuery. El método de consulta nos devuelve unos cuantos parámetros: latitud, longitud, zoom, dirección, ciudad, país, códido del país, región.
Si introduciomos en nuestro navegador directamente la url “http://api.wipmania.com/jsonp?callback=?” ya observamos los datos que nos devuelve. Ya solo hace falta utilizar JSON para recuperarlos con jQuery de la siguiente forma:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$.getJSON('http://api.wipmania.com/jsonp?callback=?', function (data) {
alert('País: ' + data.address.country);
});
</script>
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
7 respuestas a “Detectar país del usuario con jQuery”
Deja una respuesta
3 artículos que te podrían interesar
Ver más sobre
una consulta como podria ocupar esta info en un combobox para cuando el usuario ingrese su pais sea el primero en aparecer???
Hola,
En el option del selector que te interese puedes usar el atributo selected.
Saludos
Hola esta muy bueno el tutorial me gustaría saber si se puede encontrar la cuidad
Hola,
No se si esta api permite encontrar la ciudad. Puedes revisar la Web oficial para comprobarlo:
http://www.wipmania.com/
Saludos
Como puedo hace para imprimirlo en pantalla con document.write ?
cuando hago esto me envía a una página en blanco, quiero mostrarlo en mi página.
Tan solo tienes que cambiar el alert(‘País: ‘ + data.address.country); por la incrustación en algún contenedor de tu página. Algo como $(‘.mydiv’).text(data.address.country).
Genial el tutorial, pero hay algo que no me cuadra, soy nuevo en esto de JQuery pero entiendo el funcionamiento básico del mismo, sin embargo en esta parte
«$.getJSON(‘http://api.wipmania.com/jsonp?callback=?’, function (data) {
alert(‘País: ‘ + data.address.country);
});»
usan function y mandan como parametro data y luego a data le agregan address. country, entiendo que address.country proviene del JSON pero ese parametro DATA no entiendo exáctamente cuál es la finalidad
Espero sus respuestas, gracias de antemano.
Saludos