La forma en que obtienes el valor puede resultar «engañosa», ya que no es PHP quien imprime realmente el valor de la variable sino de nuevo JavaScript, aunque es cierto que en ocasiones muy concretas puede resultarnos de gran utilidad.
Por lo tanto PHP no almacena el valor, sino que es realmente JavaScript quien lo interpreta en nuestro navegador web, ya que PHP se ejecutó en tiempo mucho antes en el lado del servidor web.
La solución entonces pasa porque el evento JavaScript lance una petición web a PHP que provoque un click a una página PHP, y que acabe pasando los parámetros por POST o GET asignándolos así a las variables correspondientes.
Haré referencia a esta pagina para que comprendas lo que pasa.
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'];
Otra forma que tienes es usando el típico formulario y enviar el dato por POST o GET.
variablejs
usando substr ??$variablejs
ejecutada mediante el script que tiene, pero al hacerle unstrlen()
te mostrará un 43 porque esa es la cantidad de caracteres que contiene contando las etiquetas y todo lo demás$phpvariable
, sino el devariablejs
...