Recuperar váriável Jquery no PHP

[Rogerio Pancini 0]

Bom dia pessoal.

 

De última hora, precisei desenvolver um popup, que busca a geolocalização do cliente ao abrir o site:

 

Este é o popup:

 

<div id="modal_success" style="display: none;">
    <div class="modalcontent">
        <div class="modal-header" style="">
            <button type="button" id="button_success" class="close">X</button>
        </div>          

        <?php
            if(isset($_POST['enviar_info']) && $_POST['enviar_info'] == 'env'){
        ?>
            <script type="text/javascript">
                jQuery(document).ready(function($){
                (function() {
                        if(!!navigator.geolocation) {
                            navigator.geolocation.getCurrentPosition(function(position) {

                            var geolocate     = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                            var php_latitude  = position.coords.latitude;
                            var php_longitude = position.coords.longitude;

                            $.post('includes/resp_geolocalizacao.php', {'php_latitude': php_latitude, 'php_longitude': php_longitude}, function(data){});
                        });

                        } else {
                            //document.getElementById('google_canvas').innerHTML = 'No Geolocation Support.';
                        }
                    })();
                }); 
            </script>               
        <?php
            }
        ?>

        <form name="form_login" id="form_login" method="post" class="eltd-login-form_1" enctype="multipart/form-data" action="">
            <fieldset class="corpo_popup">
                Melhore sua localização
                <div class="eltd-login-button-holder" style="padding-top: 26px; text-align: center; border-top: 1px solid #e6e6e6;">
                    <button type="submit" class="eltd-btn eltd-btn-medium eltd-btn-custom-border-hover login_pop_div">   
                        <span class="eltd-btn-text">Clique aqui</span>    
                    </button>   
                    <input type="hidden" name="enviar_info" value="env" />
                </div>
            </fieldset>
        </form>                             
    </div>
</div>

Este é o "resp_geolocalizacao.php", que traz a cidade do cliente:

 

<?php

/******* Conexão com o bando de dados *******/
include "../Conexao/config.php";
mysqli_select_db($config, $database_config);
mysqli_set_charset($config,"utf8");
/******* Conexão com o bando de dados *******/  

$php_latitude   = $_POST["php_latitude"];
$php_longitude  = $_POST["php_longitude"];
$address        = $php_latitude . "," . $php_longitude;
$geocode        = file_get_contents('http://maps.google.com/maps/api/geocode/json?address='.$address.'&sensor=false');
$output         = json_decode($geocode);
$php_cidade     = $output->results[0]->address_components[2]->long_name;

//print_r($output);

$sql_1 = mysqli_query($config, "SELECT id, uf FROM tb_cidades WHERE nome = '$php_cidade'") or die(mysqli_error($config));

if(@mysqli_num_rows($sql_1) <= '0'){
    echo "";
}else{
    while($r_sql_1 = mysqli_fetch_array($sql_1)){
        $id_cidade_php = $r_sql_1[0];
        $estado_php = $r_sql_1[1];
    }
}

echo $cidade_selecionada = $php_cidade . " - " . $estado_php;

?>

No popup, precisaria da resposta do script (a cidade selecionada) para que eu possa gerar um cookie, que será usado para algumas finalidades no site.

Falta só essa resposta, para gerar o cookie  e encerrar esse popup, mas não consigo uma solução para o caso.

 

Obrigado pela atenção.

[gabrieldarezzo 255]

Da uma lida:

 

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax

 

Nessa parte:

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax#5---acompanhar-oq-foi-enviado

Explico como acompanhar o que foi enviado / respondido pelo servidor (php no seu caso)

 

 

 

[Rogerio Pancini 0]

Vou fazer a leitura.

 

Não sei se o que fiz é certo, mas enquanto esperava a ajuda, fui tentando alguma solução.

 

Eu coloquei para criar o cookie no fim do "resp_geolocalizacao.php":

 

echo $cidade_selecionada = $php_cidade . " - " . $estado_php;
    
$cookie_value = $cidade_selecionada;
setcookie('cidade', $cookie_value, time() + (86400 * 30), '/'); // 86400 = 1 day

 

E no $.post do pop_up, coloquei um location.href:

 

$.post('includes/resp_geolocalizacao.php', {'php_latitude': php_latitude, 'php_longitude': php_longitude}, function(data){
 location.href='index.php';
});

 

Deu certo, rsrs

 

Se não for pedir muito, como vocês dominam mais Jquery (coisa que preciso melhorar), essa atualização que fiz é válida?

[gabrieldarezzo 255]

Ainda não entendi na realidade oq você quer fazer seria pegar a cidade?

 

Pq não faz direto no JS? algo +/- assim:

 

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>

	<div id="google_canvas"></div>
	
	<script type="text/javascript">
		
		if(navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(function(position) {
				var adress = position.coords.latitude + "," + position.coords.longitude;
				var urlToGet = 'https://maps.google.com/maps/api/geocode/json?address=' + adress + '&sensor=false';
				
				var ajax = new XMLHttpRequest();						
				
				ajax.onreadystatechange = function() {
					if (ajax.readyState == XMLHttpRequest.DONE ) {
						if (ajax.status == 200) {
							//console.log(ajax.responseText);
							
							var enderecos = JSON.parse(ajax.responseText);						
							var cidade = enderecos['results'][0]['address_components'][3]['long_name'];
							
							alert(cidade);
						}
					}
				}
				ajax.open('GET', urlToGet, true);
				ajax.send();
			});
			
		}  else {
			document.getElementById('google_canvas').innerHTML = 'No Geolocation Support.';
		}
		
		
	</script>
</body>
</html>

Demo live:

https://fiddle.jshell.net/nd1pcpgw/

 

Da uma lida na documentação:

https://developers.google.com/maps/documentation/geocoding/intro?hl=pt-br

 

 

1 hora atrás, Rogerio Pancini disse:

como vocês dominam mais Jquery (coisa que preciso melhorar)

Opá sempre tem tempo...

 

Recomendo esse curso gratuito: 

http://try.jquery.com/

 

Apesar que vale a estudar JavaScript 'puro tmb'...

Aqui tem alguns exercícios + links de apoio para se aprofundar mais:

https://github.com/gabrieldarezzo/helpjs-ravi

 

 

Bons estudos.

[Rogerio Pancini 0]

Este é um site de buscas.

A cidade que será localizada na geolocalização será o valor do cookie, que será inicializado após a geolocalização ser feita.
Esse cookie será usado para diversas finalidades no site.

 

Sua última solução é muito mais limpa do que a que eu fiz, mas ainda sim eu ficaria sem atribuir a cidade encontrada a um cookie PHP.

 

Obrigado mesmo!

[Wesley Santos 28]

Mas se tu setar um cookie pelo JS, você consegue fazer a leitura do mesmo no PHP.

[Rogerio Pancini 0]

 

Bom, eu nem sabia que existia cookie em JS, muito menos que seria possível pegar o valor dele no PHP.

Alguém tem um exemplo de como setar um cookie pelo JS e depois fazer a leitura pelo PHP?

Se isso der certo vai fechar com chave de ouro o popup!

[Wesley Santos 28]

Segue alguns links para estudos:

https://www.w3schools.com/js/js_cookies.asp

https://mariovalney.com/como-usar-cookies-com-javascript/

-

http://blog.thiagobelem.net/trabalhando-com-cookies-no-php

http://php.net/manual/pt_BR/features.cookies.php