Esta clase resume mis ultimos 3 meses haciendo experimentos raros para comunicar php con js =')
No se me había ocurrido hacer algo así pero que bueno que lo vimos ya que puede ser útil en determinado momento como bien lo dices para obtener un dato que es requerido de esta forma.
Pero si, hay que tener cuidado de no usarlo mucho por que en el cliente se puede ver el dato obtenido desde Js y este puede ser editado directamente desde la la consola en caso lo hayamos guardado en una variable.
.
Código empleado:
<?php// Creación de variables$personas=[['id'=>0,'username'=>"Joel",],['id'=>1,'username'=>"Julieta",],['id'=>2,'username'=>"Pepe",],];$saludo="¡Hey, que tal!";?><!DOCTYPEhtml><htmllang="es"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>iJCode - Integración de PHP con HTML</title></head><body><h1id="saludo"></h2><!-- Obteniendo variables de PHP desde Javascript --><script>// Declarando variableslet d =document;let $saludo = d.getElementById('saludo');// Pintando en el H1 el valor de la variable obtenida de PHP en JS $saludo.textContent='<?=$saludo?>';// Mostrando en consola el arreglo obtenido de PHP en JSlet personas ='<?=json_encode($personas)?>';// [{"id":0,"username":"Joel"},{"id":1,"username":"Julieta"},{"id":2,"username":"Pepe"}]let personasJson =JSON.parse(personas);console.log( personasJson );// (3) [{…}, {…}, {…}]// Recorriendo el arreglo obtenido para mostrar los nombres personasJson.forEach((el)=>{console.log(el.username);});/*
Joel
Julieta
Pepe
*/// Nota*: Se debe tener cuidado de obtener datos de PHP desde Js ya que esta información se puede leer y editar desde el navegador</script></body></html>
.
Resultado:
No creerías cuantos datos se pueden ver desde la developer tool de chrome, esto es completamente normal, recuerda no manejar información sensible del lado del cliente.
La informacion se esta mostrando por que tu la estas imprimiendo, oh no estoy entendiendo a que te refieres?
OJO! hay que colocar comillas simples, de lo contrario con las dobles comillas da error en JSON.parse();
Gracias, estaba que se me explotaba la cabeza, no sabía porque era el error
Muy buena explicación del RetaxMaster! Muy util este video.
Para pasar variables de PHP a Javascript, bastara con imprimir la variable de PHP a la variable de Javascript, esto es completamente valido.
<?php $number=1?><script>let number =<?= $number ?></script>
El verdadero reto es pasar variables de JS para PHP, toca aprender a hacer API rest
¿Creo que el audio se escucha mal, como si tuviera interferencia, no se si soy el único que lo escucha 🤔? Algo así como eco al final cuando deja de hablar.
Se escucha desde la clase número 1
No es mi primer curso con Carlos, eso si, solo se escuche si tienen un buen headset, aunque no molestaba al inicio, ahora empieza a molestar un poco.
En mi caso pude escuchar todo sin problemas.
var variable ="<?php echo $carro->name ?>"
Esta sería una forma, desconozco si entra en la categoría de las buenas prácticas.
A lo que se refiere el profesor, es al uso de AJAX
Nota de la clase, este tipo de cosas solo se debe ocupar en cierto casos.
Excelente forma de explicar!
Tiene más sentido que todas las pruebas que estaba haciendo, la última vez que trate de comunicar PHP con JS, cree uun input y al input le puse todos los valores que necesitaba ... sé que fue mala idea, pero fue lo mejor que se me ocurrio
La verdad es que nunca se me hubiese ocurrido, interesante ejercicio. Poco aplicado en la práctica profesional pero para entender conceptos y aprender experimentando es un excelente ejemplo. Además, si funciona en PHP, también lo podemos hacer con python , con java, con Go. etc. cualquier lenguaje que haga SSR.
Me sale este mensaje de error en la consola del navegador: Uncaught SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
<anonymous> php-a-js.php:14
pero no se que pueda estar mal.
este es mi codigo, esta tal cual al video, no sé si tenga que hacer algo más o alguna config.
Hay algo raro en tus comillas en esta línea, cambie el <?php por <?=
Intenta así.
let users =JSON.parse('<?= json_encode($users_array) ?>');
Clasesota!
