Autor Tema: [TUTORIAL] Pasando variables de PHP a JavaScript  (Leído 3732 veces)

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
[TUTORIAL] Pasando variables de PHP a JavaScript
« en: 27 de Octubre de 2010, 06:44:19 am »
¡Hola!

El día de hoy, navegando por webs de programación, he encontrado un tutorial que puede ser de utilidad para muchos usuarios de la comunidad PHPeros, al menos para mí lo es. Lo que vamos a hacer, es construir un archivo .php en donde le especificamos que el header es de tipo JavaScript, lo que permitirá que podamos establecer variables para usar posteriormente en una función.

Tenemos el archivo variables.js.php

<?php 
    header
("content-type: application/x-javascript");
    
// Paso de variables PHP a Javascript
    
echo &#39;var nombre="&#39;.$_GET[&#39;nombre&#39;].&#39;";&#39;;
    
echo &#39;var edad="&#39;.$_GET[&#39;edad&#39;].&#39;";&#39;;
?>


Como pueden ver, ahí estamos especificando las variables y añadiéndole el contenido que obtenemos por medio del método $_GET[], ahora bien, vamos a ponerlo a funcionar, creando el archivo prueba.html

Código: [Seleccionar]
<!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>Prueba de JavaScript no intrusivo</title>
<script type="text/javascript" src="variables.js.php?nombre=Kevin&edad=16"></script>

<script>
function muestraAlerta()
{
    alert('Hola, tu nombre es ' + nombre);
    alert('Tienes ' + edad + ' años');
}
</script>
</head>

<body>
<input type="button" onClick="muestraAlerta()" value="Ejecutar!" />
</body>
</html>

Y bien, eso ha sido, como pueden ver, al incluir el archivo podemos cambiar el contenido que tendrán las variables, y también podemos hacer la prueba para comprobar que todo funcione correctamente.

Espero que les haya servido, cualquier duda me la preguntan en este mismo tema ;)
Saludos ^^
- Moderador de PHP


Comunidad PHPeros

[TUTORIAL] Pasando variables de PHP a JavaScript
« en: 27 de Octubre de 2010, 06:44:19 am »

Desconectado pcfan

  • PHPerit@
  • *
  • Mensajes: 8
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:[TUTORIAL] Pasando variables de PHP a JavaScript
« Respuesta #1 en: 07 de Diciembre de 2010, 19:03:15 pm »
Muy bueno el tuto me sirve...

Desconectado AlejandroKrevan

  • PHPer@ Fijo
  • ***
  • Mensajes: 182
  • Karma: 9
  • Sexo: Masculino
  • Cubodi.com :)
    • Ver Perfil
    • Cubodi
Re:[TUTORIAL] Pasando variables de PHP a JavaScript
« Respuesta #2 en: 15 de Diciembre de 2010, 01:12:19 am »
Yaa! muy bueno.. lo había visto hace unos días... pero no me "interesaba"  :-[ ahora creo que lo usaré en algo, gracias k+
Saludos 8)
Cubodi.com - Coming soon :)

Desconectado FeDe

  • PHPero Avanzado
  • ****
  • Mensajes: 448
  • Karma: 35
  • Sexo: Masculino
  • BaDyDj -> ¡Mi Stylo, Mi ViDa!
    • Ver Perfil
Re:[TUTORIAL] Pasando variables de PHP a JavaScript
« Respuesta #3 en: 09 de Enero de 2011, 02:51:07 am »
Buenas,

con tu permiso te voy a mejorar la aplicación...

<?php
header
("content-type: application/x-javascript");
foreach(
$_GET As $campo => $valor) {
echo &
#39;var &#39;.$campo.&#39;="&#39;.$valor.&#39;";&#39;;
}
?>


¿Qué he hecho con esto?

Pues he generado un bucle que detecta todos los $_GET para crear el valor, así no tenemos que estar continuamente procesando valores; por lo cual si accedieramos por variables.js.php?name=Larala&edad=18&propiedades=10&phperos=true ...
nos mostraría el javascript con las variables especificadas por GET :)

Un abrazote ;D
Sin Firma me haces una? :P

Desconectado HiddenHlF

  • PHPero Avanzado
  • ****
  • Mensajes: 285
  • Karma: 7
  • Sexo: Masculino
  • The Hidden
    • Ver Perfil
Re:[TUTORIAL] Pasando variables de PHP a JavaScript
« Respuesta #4 en: 09 de Enero de 2011, 10:45:09 am »
interesante el tutorial , no sabía que se pasasen así de PHP a JS xD. Aunque el método lo conocía pues es similar al usado para pasar variables de PHP a AS.