0

con el siguiente script se obtiene el país del visitante a mi pagina

<script> $.getJSON('http://api.wipmania.com/jsonp?callback=?',function(data){alert('País: ' + data.address.country); }); </script>

como logro extraer el dato dentro de data.address.country para luego usarlo en comparaciones con php sin que aparezca la alerta.

4
  • ¿Qué versión de jQuery usas? el 7 ene. 2020 a las 2:04
  • Estoy usando la 2.1.4
    – Erik
    el 7 ene. 2020 a las 2:16
  • Hola fernando primero gracias por responderme, hice esto <script type="text/javascript"> $.getJSON('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> Pero me marca un error en el cuarto paso en la segunda linea.
    – Erik
    el 7 ene. 2020 a las 2:41
  • estoy usando la version 5.6 de php, asi que no se si pueda ser eso.
    – Erik
    el 7 ene. 2020 a las 2:45

1 respuesta 1

1

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.

  1. 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í:

introducir la descripción de la imagen aquí

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>
  1. 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.

  2. 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)

  1. 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.

18
  • En el cuarto paso me marca un error, lo he hecho de esta manera: <script src="js/jquery.min.js"></script> <script type="text/javascript"> $.getJSON('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> <?php $pais_recibido = $_POST["pais"]; echo "Mi país es: " . $pais_recibido; ?>
    – Erik
    el 7 ene. 2020 a las 3:23
  • Todo lo hice en recibodatos.php
    – Erik
    el 7 ene. 2020 a las 3:24
  • Me podrías decir el error que te dice? el 7 ene. 2020 a las 3:26
  • Aviso : Índice indefinido: pais en C: \ xampp \ htdocs \ indenex \ recibodatos.php en la línea 21 Mi país es:
    – Erik
    el 7 ene. 2020 a las 3:28
  • $pais_recibido = $_POST["pais"]; esta es la linea 21
    – Erik
    el 7 ene. 2020 a las 3:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.