Pasar variable de PHP a JavaScript

1. Utilice AJAX para pasar la variable PHP a JavaScript
2. Utilice JavaScript para escapar de los scripts PHP para pasar la variable PHP a JavaScript
3. Utilice la etiqueta de eco de PHP corta, <?=?> Dentro de JavaScript para pasar la variable de PHP a JavaScript

Introduciremos una forma de pasar la variable PHP a JavaScript usando AJAX. Este método solicita los datos del servidor PHP y se ejecuta en la máquina cliente.

También demostraremos otro método para pasar la variable PHP en JavaScript escapando de PHP a JavaScript. Escribimos JavaScript después de los scripts PHP para escapar de PHP.

Le mostraremos otro ejemplo para pasar la variable PHP a JavaScript usando la etiqueta de eco corta en JavaScript como <?=$var?> Donde <?=$var?> es la variable PHP.

Utilice AJAX para pasar la variable PHP a JavaScript

Podemos usar AJAX para obtener los datos y las variables del servidor PHP a JavaScript. Este método tiene secuencias de comandos independientes del lado del servidor y del lado del cliente. Hace que el código sea más limpio y mejora la legibilidad del código. AJAX son las siglas de Asynchronous JavaScript and XML. Utiliza el objeto XMLHttpRequest para solicitar los datos del servidor. Muestra los datos utilizando JavaScript y HTML DOM. Este proceso ocurre de forma asincrónica, lo que significa que los cambios ocurren en la página web sin que se vuelva a cargar la página. Sin embargo, hay latencia cuando se usa AJAX en redes porque envía la solicitud HTTP. En este método, escribimos código JavaScript en el archivo PHP.

Por ejemplo, cree un archivo PHP llamado index.php. Escriba el código JavaScript dentro de la etiqueta <script>. Cree un req variable utilizando la palabra clave var. Cree un objeto de solicitud de la función XMLHttpRequest() y asígnelo a la variable req. Llame a la función onload() con el objeto req usando la expresión de función. Dentro de la función, use la función console.log() para registrar la propiedad this.responseText. No olvide terminar la expresión de la función con un punto y coma. Utilice el objeto req para llamar a la función open(). Proporcione get, get-data.php y true simultáneamente como parámetros de la función. Llame a la función send() con el objeto req. Cree otro archivo PHP llamado get-data.php. Asigne un valor de Montaña a la variable var. Haga eco de la función json_encode() con var como parámetro.

En el siguiente ejemplo, creamos un objeto de solicitud con la función XMLHttpRequest(). La función onload() maneja la operación a realizar durante la respuesta. La función open() especifica el método HTTP, el archivo PHP que envía la respuesta JSON y un valor booleano que controla el resto de la ejecución del script. La función json_encode() en el archivo get-data.php envía la respuesta en formato JSON. Aquí, imprimimos la variable $var en la consola.

Código de ejemplo:

# php 7.*
<?php
?>
<script>
var req = new XMLHttpRequest(); 
    req.onload = function() {
    console.log(this.responseText); 
 };
req.open("get", "get-data.php", true); 
req.send();
</script>

# php 7.*
<?php
$var = "Mountain";
echo json_encode($var); 
?>

Producción :

"Mountain"

Utilice JavaScript para escapar de los scripts PHP para pasar la variable PHP a JavaScript

Podemos usar JavaScript después de las etiquetas PHP para escapar de los scripts PHP. Podemos crear una variable PHP en el script PH P. Luego, podemos escribir JavaScript para escapar del PHP escrito anteriormente y pasar la variable dentro del código JavaScript. Dentro de JavaScript, podemos usar la etiqueta PHP para hacer eco de la variable PHP asignándola a una variable JavaScript.

Por ejemplo, asigne un valor Metallica a una variable $var dentro de las etiquetas PHP. Escriba una etiqueta script y dentro de ella, escriba una etiqueta PHP. Dentro de la etiqueta PHP, haga eco de una variable de JavaScript jsvar. Asigne la variable PHP $var a jsvar. No olvide una cita envuelta alrededor de $var y un punto y coma después. Cierre la etiqueta PHP y registre el valor de jsvar usando la función console.log(). Cierre la etiqueta script. En el siguiente ejemplo, hemos registrado la variable PHP $var en la consola usando JavaScript. Podemos ver la salida en la consola de la página web.

Código de ejemplo:

#php 7.x
<?php
$var = 'Metallica';
?>
<script>
   <?php
       echo "var jsvar ='$var';";
   ?>
   console.log(jsvar); 
</script>

Producción :

Metallica

Utilice la etiqueta de eco de PHP corta, <?=?> Dentro de JavaScript para pasar la variable de PHP a JavaScript

Podemos usar la etiqueta de eco de PHP corta dentro de JavaScript para pasar la variable de PHP a JavaScript. Podemos usar la etiqueta de eco corta de PHP para deshacernos de la molestia de escribir la etiqueta de PHP y la declaración echo. Es un método abreviado. Este método es muy similar al segundo método en términos de concepto y ejecución.

Por ejemplo, asigne un valor Megadeth a una variable $var dentro de las etiquetas PHP. Abra una etiqueta script y cree una variable JavaScript jsvar. Escriba la etiqueta de eco abreviada $var Como el valor de la variable jsvar. Registre la variable usando la función console.log(). Podemos ver la salida del script en la consola de la página web.

Ejemplo de código:

#php 7.x
<?php
$var = 'Megadeth';
?>
<script>
    var jsvar = '<?=$var?>';
    console.log(jsvar); 
</script>
?>

Producción :

Megadeth