pasar variables php a Javascript

Alguna veces deseamos pasar el contenido de una variable PHP y pasársela a Javascript, lo mas importante para que funcione bien es cuidar el sintax de tu código…

Por ejemplo querés pasara un array de PHP a Javascript para que este este definido en tu Javascript..
Bueno les voy a enseñar que no es tan difícil..
Considera que tu servidor tiene que parsear PHP para que estos ejemplos pueden funcionar..

Ejemplo, pasemos una cadena de palabras de PHP y un array de PHP a javascript:

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javaScript">
	    // creamos nuestra PHP variable.
		<?php $phpvar    = "este es mi contenido en php un string.." ?>

		// y la metemos ahora en una variable Javascript.
        var jsvar  = '<?php echo $phpvar; ?>';

		// creemos un array de php y pasemos el contenido en una variable javascript.
		<?php $phparray  = array('un string', 1, 0.358); ?>

		// creamos ahora una array en javascript.
		var jsarray      = [];

		// pasemos nuestro array de php a nuestra array de javascript.
		<?php
		    for($i=0; $i < count($phparray); $i++ ){
		        echo 'jsarray['.$i.'] = "'.$phparray[$i].'";';
		    }
		?>

		window.onload = function(){
			alert(jsvar);
			alert(jsarray);
		}
	</script>
</head>
<body>
</body>
</html>

Déjenme explica un poco..

// creamos nuestra php variable.
		<?php $phpvar    = "este es mi contenido en php un string.." ?>

		// y la metemos ahora en una variable Javascript.
        var jsvar  = '<?php echo $phpvar; ?>';

En este pedazo , creamos nuestra variable PHP y le asignamos una cadena de palabras o (string) a esta.. ya creado pasamos a declarar una variable Javascript..

Al mismo utilizamos usamos una comillas simple y después usamos la tag de PHP i el echo para printear su contenido y asignarlo a la variable Javascript serramos la variable Javascript con la misma clase de comillas simple..

Ahora dejen explico el ejemplo de array.

// creemos un array de php y pasemos el contenido en una variable javascript.
		<?php $phparray  = array('un string', 1, 0.358); ?>

		// creamos ahora una array en javascript.
		var jsarray      = [];

		// pasemos nuestro array de php a nuestra array de javascript.
		<?php
		    for($i=0; $i < count($phparray); $i++ ){
		        echo 'jsarray['.$i.'] = "'.$phparray[$i].'";';
		    }
		?>

Empezamos asignando una array a una variable PHP, enseguida declaramos nuestra variable Javascript como array, enseguida procesamos el array de php con un loop por cada elemento que tenga el array de php, el loop lo asignara al array de Javascript, observa cuidadosamente que aquí utilice el echo de PHP y printee el nombre del array en Javascript, en el indice de el array de Javascript asigne el valor de $i de PHP, i el valor de el array PHP lo asigne también a el array de Javascript..

observa también como empece con la comillas dobles al dar el valor de el index de PHP a el array de Javascript si ellas no estuvieran Javascript me daría un error y no se asignaría propiamente el array de Javascript..

bueno espero le sirve a alguien, ya que a mi me costo algo entenderle.

23 thoughts on “pasar variables php a Javascript”

  1. Estimado Utan, gracias por tu publicación, me sirve para poder segir aprendiendo.
    saludos desde Lima , Perú

Leave a Reply

Your email address will not be published. Required fields are marked *