[SOLUCIONADO] como paso una variable php a jquery?

pakillo · #1 (**permalink**) 04/12/2013, 13:54

Hola, tengo una pregunta sencilla, tengo una apgina en php que muestra los datos de una tabla mysql, parte de esos datos son latitud y longitud para un mapa de google maps, el codigo de googlemaps esta en una archivo .js, ahora funciona si le pongo directamente las coordenadas 00,000, 00,000, y lo que deseo hacer es que al cargar los datos de la base de datos, pasar las coordenadas al archivo js para que muestre el mapa con esas coordenadas.

Como podria hacerlo? son dos variables
$long
$lat

Saludos

caricatos · #2 (**permalink**) 05/12/2013, 01:06

Hola:

Para javascript normal o cualquier librería:

var long = <?php echo $long; ?>;
var lat = <?php echo $lat; ?>;

Saludos

Programadorpollo · #3 (**permalink**) 05/12/2013, 08:01

<?php

echo '<script>

var Longitud = '.$long.';
var Latitud = '.$lat.';

</script>';

?>

pakillo · #4 (**permalink**) 05/12/2013, 11:07

Hola, gracias por la respuesta, el codigo jquery lo tengo en un archivo .js, tengo que colocar todo el codigo del archivo js en el php o con poner solo esas variables en php ya lo pillaria el archivo js?.
Bueno igual voy a probar, gracias

EDITADO

Gracias!! ya lo probe funciona muy bien.

Saludos

IsaBelM · #5 (**permalink**) 05/12/2013, 15:48

dices que tu js es externo y dices que lo has solucionado pero no dices como lo has logrado. dejo la manera de hacerlo

Cita:

pakillo · #6 (**permalink**) 05/12/2013, 16:00

Lo solucione con los ejemplos que me dieron, en el archivo php agrego el siguiente código

echo '<script>

var Longitud = '.$long.';
var Latitud = '.$lat.';

</script>';

el archivo js es externo, lo engo como el ejemplo que escribiste

<script type="text/javascript" src="ruta.js.php"></script>
en el codigo jquery agrege (Longitud, Latitud);
en lugar de (0,000, 0,000);

IsaBelM · #7 (**permalink**) 05/12/2013, 16:02

no, no. esa no es la manera. para que cargar al servidor con ese trabajo. la solución mas apropiada es la expuesta por caricatos

pakillo · #8 (**permalink**) 05/12/2013, 16:10

umm pero el codigo esta en un archivo js, si lo pongo asi no lo pilla porque no es un archivo php.

IsaBelM · #9 (**permalink**) 05/12/2013, 16:32

lo has probado??

pakillo · #10 (**permalink**) 05/12/2013, 16:33

si, no muestra nada. Me imagino que esa opcion funciona si el codigo javascript esta escrito en el archivo php.

IsaBelM · #11 (**permalink**) 05/12/2013, 17:01

html

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="x.js.php"></script>
</head>
<body>

</body>
</html>

x.js.php

Cita:

<?php
$long = 10;
$lat = 5;
?>
var long = <?php echo $long; ?>;
var lat = <?php echo $lat; ?>;
console.log(long + ' - ' + lat);

pruebalo

pakillo · #12 (**permalink**) 05/12/2013, 17:21

Funciona si le cambio la extendion al archivo js por php como en tu ejemplo, pero solo funciona si le coloco el valor de las variables directamente, pero yo las recojo de la base de datos y asi no muestra nada, digmos que el archivo js.php era mi archivo js donde tenia todo el javascript y le cambie la extension a php, si al principio del archivo le coloco los valores directamente como lo has puesto si lo lee, pero en el index.php estan las variables con los datos de la base de datos, y de esta forma no muestra nada, pierde el valor la variable.
Por eso comentaba antes que me imagino que tendria que agregar todo el codigo del archivo js al index.php para que pille el valor de la variable porque de esta forma no lo toma.

espero explicarme bien, siguiendo tu ejemplo, seria, en el html, que en moi caso es php

Código PHP:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<script type="text/javascript" src="xx.js.php"></script> 
</head> 
<body> 
<?php  
$long = -80.989; 
$lat = 40.9878; 
?> 
</body> 
</html>

en lugar de que vaya en el otro archivo, no digo que sea asi. solo digo que en este archivo es donde hago la consulta a la base de datos.

mortiprogramador · #13 (**permalink**) 05/12/2013, 18:50

<saludos>
Uhm, intenta esto a ver si funciona

Código Javascript:

Ver original<script type="text/javascript" src="xx.js.php?long=<?php echo $long; ?>&lat=<?php echo $lat; ?>"></script>

Y en el que recibe

Código PHP:

Ver original<?php
$long = $_GET['long'];
$lat = $_GET['lat'];
?>

Otra opción sería pasar la lógica que obtiene la data en el index hacia el js.php no?
Bueno, revisa eso y nos cuentas
</saludos>