Por qué no se puede pasar directamente un valor de Js a PHP
El punto es que PHP y JavaScript se ejecutan en lugares y momentos diferentes.
Es como si estuvieses leyendo un libro y te encontraras con algo que no comprendes del todo y para solucionarlo le hicieras la pregunta al libro… algo no va a funcionar.
Empecemos entonces por comprender el ciclo de vida de una aplicación web.
Cómo es el ciclo de vida de una aplicación web
El flujo típico de una aplicación web es el siguiente:
- El cliente hace un pedido al servidor (Envía un comando HTTP)
- El servidor lo recibe y lo analiza
- Si se trata de un php se lo pasa al intérprete correspondiente
- El intérprete procesa el código y genera una salida (Usualmente HTML)
- El servidor envía la salida hacia el cliente
- El cliente analiza la respuesta y dibuja la página
- El cliente ejecuta el código Js
Entonces, si observás este ciclo, te darás cuenta que, para el momento en que la variable Js aparece en escena… php ya está haciendo cualquier otra cosa.
Un ejemplo de lo que podrías hacer es usando AJAX:
<?php
$var = 1;
?>
<html>
<body>
<input type="button" value="Enviar variable" id="send"/>
</body>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script type="text/javascript">
$('#send').click(function() {
alert('Enviando!');
$.ajax({
url: 'get_var.php?var=<?php echo $var; ?>',
success: function( data ) {
alert( 'El servidor devolvio "' + data + '"' );
}
})
});
</script>
</html>
Y el get_var.php
<?php
echo 'Recibi '.$_GET['var'];
Por qué no se puede pasar directamente un valor de Js a PHP
El punto es que PHP y JavaScript se ejecutan en lugares y momentos diferentes.
Es como si estuvieses leyendo un libro y te encontraras con algo que no comprendes del todo y para solucionarlo le hicieras la pregunta al libro… algo no va a funcionar.
Empecemos entonces por comprender el ciclo de vida de una aplicación web.
Cómo es el ciclo de vida de una aplicación web
El flujo típico de una aplicación web es el siguiente:
- El cliente hace un pedido al servidor (Envía un comando HTTP)
- El servidor lo recibe y lo analiza
- Si se trata de un php se lo pasa al intérprete correspondiente
- El intérprete procesa el código y genera una salida (Usualmente HTML)
- El servidor envía la salida hacia el cliente
- El cliente analiza la respuesta y dibuja la página
- El cliente ejecuta el código Js
Entonces, si observás este ciclo, te darás cuenta que, para el momento en que la variable Js aparece en escena… php ya está haciendo cualquier otra cosa.
Un ejemplo de lo que podrías hacer es usando AJAX:
<?php $var = 1; ?> <html> <body> <input type="button" value="Enviar variable" id="send"/> </body> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script type="text/javascript"> $('#send').click(function() { alert('Enviando!'); $.ajax({ url: 'get_var.php?var=<?php echo $var; ?>', success: function( data ) { alert( 'El servidor devolvio "' + data + '"' ); } }) }); </script> </html>
Y el get_var.php
<?php echo 'Recibi '.$_GET['var'];