¿Cómo pasar variables y datos de PHP a JavaScript?

En este artículo, veamos cómo pasar datos y variables de PHP a JavaScript.

Podemos pasar datos de PHP a JavaScript de dos maneras dependiendo de la situación. Primero, podemos pasar los datos usando el operador de asignación simple si queremos realizar la operación en la misma página. De lo contrario, podemos pasar datos de PHP a JavaScript usando cookies. Trabajo de cookies en el lado del cliente.

Programa 1: este programa pasa las variables y los datos de PHP a JavaScript mediante el operador de asignación.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to pass variables and data
        from PHP to JavaScript?
    </title>
</head>
  
<body style="text-align:center;">
      
    <h1 style="color:green;">GeeksforGeeks</h1>
      
    <h4>
        How to pass variables and data
        from PHP to JavaScript?
    </h4>
      
    <?php
        $name = "Hello World";
    ?>
  
    <script type="text/javascript">
        var x = "<?php echo"$name"?>";
        document.write(x);
    </script>
</body>
  
<html>

Producción:

Aquí, simplemente tomamos la entrada de forma estática o dinámica y la pasamos a la variable de JavaScript usando el operador de asignación. El código PHP en el bloque de JavaScript lo convertirá en la salida resultante y luego lo pasará a la variable x y luego se imprimirá el valor de x.

Programa 2: Este programa pasa las variables y datos de PHP a JavaScript usando Cookies.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to pass variables and data
        from PHP to JavaScript?
    </title>
</head>
  
<body style="text-align:center;">
      
    <h1 style="color:green;">GeeksforGeeks</h1>
      
    <h4>
        How to pass variables and data
        from PHP to JavaScript?
    </h4>
      
    <?php
          
        // Initialize cookie name
        $cookie_name = "user";
        $cookie_value = "raj";
          
        // Set cookie
        setcookie($cookie_name, $cookie_value);
          
        if(!isset($_COOKIES[$cookie_name])) {
            print("Cookie created | ");
        }
    ?>
  
    <script type="text/javascript">
        var x = document.cookie;
        document.write(x);
    </script>
</body>
  
<html>

Producción:

PHP proporciona un método para establecer la cookie usando el método setCookie(). Aquí, podemos configurar los datos o la variable en la cookie de PHP y recuperarlos de JavaScript usando document.cookie.

Pasos para ejecutar el programa:

  • Instale un servidor local como el servidor XAMPP en su sistema.
  • Guarde el archivo en la htdocscarpeta usando el nombregeeks.php
  • Inicie el servidor Apache.
  • Abra el navegador y escriba localhost/geeks.phpen la barra de direcciones y presione el botón Enter.
  • Mostrará el resultado.

PHP es un lenguaje de secuencias de comandos del lado del servidor diseñado específicamente para el desarrollo web. Puede aprender PHP desde cero siguiendo este tutorial de PHP y ejemplos de PHP .

Publicación traducida automáticamente

Artículo escrito por huzaifahmunshi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *