Categorías
Blog Tutoriales

Array: Cómo pasarlo de PHP a JSON

Como ya sabemos, JSON es un tipo de fichero muy útil hoy en día en programación. Es por ello que muchas veces puede ser interesante pasar nuestro array de PHP, que tenemos en nuestro backend, a JSON, para trabajarlos en frontend con JavaScript.

Pasar un array de PHP a JSON en La Isla del Faro.
Fuente: play.google.com

Para ello he hecho este pequeño tutorial, por si alguno todavía no tiene claro cómo hacerlo. No os preocupéis, que es un proceso muy sencillo.

Paso 1. JSON_ENCODE para array.

Primero, usaremos json_encode en PHP, que nos devolverá la representación de los datos en JSON.

<?php
$mi_array = array(
'n_entero' => 3,
'n_decimal' => 16.16,
'm_string' => 'cadena'
);

$mi_json = json_encode($mi_array);
?>

Si ahora usásemos el comando «echo» para imprimir nuestro array en JSON $mi_json, nos mostraría algo como:

{"n_entero":3,"n_decimal":16.16,"m_string":"cadena"}

Paso 2. Usarlo en Javascript.

Ya está listo para ser usado en JavaScript. Para ello, solo tenemos que hacer lo siguiente:

<script type="text/javascript">
    var obj = JSON.parse('<?= $mi_json; ?>');
</script>

Paso 3. Acceder a obj.

En JavaScript, obj será de tipo Objeto. Es por esto que podrás acceder a los elementos de la siguiente forma:

<script type="text/javascript">
var obj = JSON.parse('<?= $mi_json; ?>');
alert("Mi entero " + obj.n_entero + " mi cadena "+ obj.m_string);
</script>

Conclusión.

Como acabamos de ver, ya no hay ningún problema en trabajar nuestro CRUD en JavaScript. Ya hemos podido pasar nuestro array de PHP a JSON, y se puede utilizar perfectamente trabajando con JavaScript. Incluso aunque nuestro lenguaje del lado del servidor sea PHP.

Es por esto que os animo sin lugar a dudas a probarlo y ponerlo en práctica. Estoy seguro de que en muchos casos os llevará a ahorrar bastantes recursos, lo que siempre es bueno 🙂

Si tenéis algún problema con esto, que no creo, no dudéis en dejármelo en los comentarios. Intentaré ayudaros en todo lo posible. O si conocéis alguna otra manera, también son bienvenidos los consejos.

Un saludo, y nos vemos en el próximo post.

Por JGarciaz

Developer, Student, MSP, Tuenti Master

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.