Me imagino que también estás usando jQuery
lo cual no especificaste. De igual manera, te comento:
Pueden haber múltiples maneras de lograr el objetivo que necesitas.
- Para no mostrar la alerta, necesitas removerla del script dentro de la
function
que hay dentro de tu código. Justo en la parte siguiente: alert('País: ' + data.address.country);
Esta función de javascript manda una alert al navegador y puede lucir así:
Entonces y en orden de que esa alerta ya no te salga, tu código javascript debería de quedar de la siguiente manera (oberva cómo removimos la función alert
del script)
<script type="text/javascript">
$.getJSON('http://api.wipmania.com/jsonp?callback=?',
function(data){
//justo removimos la línea donde teníamos nuestro alert
});
</script>
Ahora que ya logramos remover lo que hace alertar a nuestro navegador, vamos a guardar en una variable el valor del país, entonces sería algo así usando el código anterior:
$.getJSON('http://api.wipmania.com/jsonp?callback=?',
function(data){
var pais = data.address.country;
});
Por favor observa cómo hemos guardado en la variable pais
el valor de "MÉXICO" que nos devuelve la petición que haces.
Ahora, para poder enviarlo a un archivo php
dentro del servidor, existen diferentes maneras. Podrías utilizar AJAX
porque justo aprovechando que ya estamos con jQuery
(puedes leer más información sobre esto aquí) se nos hará más fácil. Entonces, creamos la petición (usando el mismo código anterior) y crearemos dentro de tu proyecto raíz un archivo .php
que lo llamaremos para este ejemplo recibodatos.php
Entonces y dejando solo el código necesario agregaríamos esto a nuestro código javascript:
$.ajax({
type : "POST",
url : "recibodatos.php",
data : {
pais : pais
},
success : function(responseServer) {
}
});
Observa cómo nuestro script ajax nos permite especificar en la propiedad url
la ruta de nuestro archivo .php
que recibirá todos los datos que enviemos en la propiedad data
(si observas, se la estamos enviando como un objeto)
- Para finalizar y una vez creado nuestro archivo
recibodatos.php
que dijimos en el punto número 3, vamos a escribir el siguiente código php
que nos ayudará a recibir los datos por método POST (también se lo indicamos en la propiedad type
de nuestra petición AJAX
en el punto número 3).
recibodatos.php
<?php
$pais_recibido = $_POST["pais"];
echo "Mi país es: " . $pais_recibido;
?>
Por favor observa cómo nos hemos ayudado de la variable $_POST
que recibe de manera nativa datos a través del método http POST
(puedes leer más acerca de esto aquí). Hemos guardado en la variable $pais_recibido
el valor de lo que obtuvimos desde nuestra petición AJAX
y que enviamos como pais
y que si notas, la estamos recibiendo con el mismo nombre como $_POST["pais"]
. Para este caso, si desde jQuery
nos enviamos el valor de México
entonces desde php recibiríamos ese mismo valor de México
para poder trabajarlo.
Espero que esta parte te haya quedado muy clara, si no, estoy atento a tus comentarios si necesitas más ayuda al respecto.
Actualización:
Te muestro el código completo javascript
porque estás teniendo problemas al enviar el valor de la variable. Veamos:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
$.getJSON('http://api.wipmania.com/jsonp?callback=?',
function(data){
var pais = data.address.country;
$.ajax({
type : "POST",
url : "recibodatos.php",
data : {
pais : pais
},
success : function(responseServer) {
}
});
});
</script>
Por favor observa cómo incluí la librería de jquery y después el código que se enviará al servidor con la petición AJAX
. El detalle que estás poniendo la petición fuera de la función de respuesta de tu primera petición.